Membuat Like Box Fanspage Facebook Tersembunyi

Bagi kalian yang punya Fanspage tentang blog kalian, ada baiknya kalian memasang like box di blog kalian guna memperbanyak like di fanspage kalian, kalau banyak yang like pengunjung pun pasti bertambah. Nah sekarang saya akan share cara membuat Like Box di Facebook dengan Efek Tersembunyi, kenapa harus disembunyikan, kalau menurut saya agar tidak terlalu memakan tempat, kan lumayan bisa ditambah dengan widget lainnya. Kalau ingin lihat tampilannya seperti apa, lihat saja di blog saya yang satu ini, kalau bisa sekalian di Like juga ya, hehehe :D. Ok, langsung saja kalian ikuti langkah - langkah berikut ini.

1. Login ke blogger
2. Masuk ke opsi Template > Edit HTML
3. Cari kode </head> dan letakan kode skrip di bawah ini tepat di ATAS kode </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

4. Kalau sudah, masuk ke opsi Tata Letak > Tambah Gadet > Pilih HTML / Javascript.

5. Masukan kode skrip dibawah ini.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-roSQA3JRNpzj_fQUSkjS51J-fp8wPaekD95Ue_6wK8MiLzTdyP00FnYKPa0PBq5AGpLLv7dudqViAgQMjqDcuOJJR1gAhfgdfMoPcG0fUDIua0Rm22fwmwI_F3EfiZCwwHAc-dO7YEg/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><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Kabar-Technology/192112120933975&amp;width=251&amp;height=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:400px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://bloggerdanseo.blogspot.com/2013/01/membuat-like-box-fanspage-facebook.html" target="_blank">+ Get This Widget</a></span></div></div>

6. Terakhir tinggal di save dan lihat hasilnya.

Untuk teks yang berwarna Biru silahkan kalian ganti dengan alamat URL fanspage kalian masing - masing. Ok, selamat mencoba dan Salam Blogger ^_^