Cara Gampang Membuat Fanspage Likebox Menjadi Auto Hide

on Agustus 20, 2014 in Blog, Online

Apakah agan ingin memasang Likebox Facebook di blog agan,tapi agan belum tau caranya.Tidak ada yang musti di khawatirkan, karena ane di sini akan membimbing agan agar agan bisa Membuat LikeBox Auto Hide.Ok dari pada ane mengarang bebas nanti nya mending sekarang aja di mulainya,

Masuk ke akun blog agan.
Pilih Template => Edit HTML
Cari kode <Head> biar cepat gunakan Ctrl+F di kotak Edit HTML
Jika sudah ketemu Copy kode dibawah ini kemudian Paste kode tersebut tepat diatas kode </Head>

Kemudian Simpan Template.

Keterangan : Jika agan sudah memiliki kode tersebut di template, kode diatas ini tidak usah di copy. Langsung ikuti langkah dibawah ini.

Pilih Tata Letak.
Kemudian Pilih Add Gedget / Tambah Gedget.
Pilih HTML/Javascript.
Kemudian Copy kode dibawah ini.

<script type="text/javascript">
//
</script><br />
<style type="text/css">
.floatinglikebox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkfRD3ji3pvfm5uRdyNOt58xGNFCXfXVhpRrWuchkgzdK4bROO-8-puUkqukgXEEfRDxjUzXFOd6lKjYGprTyKqZ4tj8RThyFqT_gJjr2F6zL0R7-qZFu3dzZ1YyI0iGnJvNmJ0jeBsts/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;
}
.floatinglikebox div{
border:none;position:relative;display:block;
}
.floatinglikebox span{
bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;
}
.floatinglikebox span a{
color: #808080;text-decoration:none;
}
.floatinglikebox span a:hover{
text-decoration:underline;
}
</style><br />
<div class="floatinglikebox" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/IlmuComputerAnakRantau&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://linuxituindah.blogspot.com/2014/08/cara-gampang-membuat-fanspage-likebox.html" target="_blank">.:Get Widget:.</a><br />
</span><br />
</div>
</div>

Paste Kode diatas ke widget HTML/Javascript.
sebelum menGanti kode https://www.facebook.com/IlmuComputerAnakRantau dengan URL Fanspage Facebook agan.
mohon di like terlebih dahulu.
Simpan dan hasilnya akan seperti ini

Selamat Mencobat . . .

Share:

Location: Indonesia