Auto Hide Facebook di Blog

Ini adalah tutorial memasang Auto Hide Facebook di blog. Dengan cara ini kita mendapat like fanspage blog kita lebih banyak. Dan juga Auto Hide Facebook ini sangat menghemat tempat karena berada di balik kanan blog anda. Langsung saja cekidot..,..

1.Pertama-tama silahkan sobat login ke blog sobat.

2.Pada Menu tab klick Rancangan ➮ Edit HTML

3.Pada kotak Edit Template cari kode <head> jika ingin lebih cepat mencarinya pencet ctrl+f trus cari kodenya

4.Jika sudah ketemu sekarang letakkan kode berikut tepat di atas kode tadi

5.Sekarang simpan template.

6.Sekarang kembali klick Rancangan ➮ Tambah Gadget ➮ Pilih HTML/Java Script.

7.Copy kode script berikut dan letakkan di dalam Gadget kotak HTML/Java Script tadi

<script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}.likebox div{border:none;position:relative;display:block;}.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}.likebox span a{color: gray;text-decoration:none;}.likebox span a:hover{text-decoration:underline;}</style><div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Ota-Ku Blog&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span> </div></div>

Keterangan: ganti warna merah dengan url/alamat fans page sobat.

8.Simpan, dan lihat hasilnya!

Gimana mudah bukan? okelah sob sekian dulu untuk articles/postingan kali ini, semoga bermanfaat !!!

Silakan Comment !!

Peraturan Sebelum Komentar !!

Jika Anda Follow Blog Saya Saya Akan Follow Back, anda berkomentar saya komentar balik di blog anda , Silahkan Tinggalkan Komentar Dengan Ketentuan :
[+] Blog ini Sudah Disetting menjadi DoFollow jadi Dilarang Spam, Sara, Menghujat Dan Merugikan Orang Lain.
[+] Dilarang Memasang Link Hidup Di Komentar.
[+] Cantumkan Link Sumber Artikel blog ini Jika Ingin Copy Paste.
[+] Gunakan bahasa yang sopan yaa

Terima Kasih Sudah Berkunjung. :D