Membuat Likebox Facebook Tersembunyi di Samping Blog

Hy sobat, kali ini kita akan membahas Cara Membuat Likebox Facebook Tersembunyi di Samping Blog. Sobat bisa lihat hasilnya dibawah ini :

Apakah anda tertarik untuk membuatnya. Caranya sangat mudah sobat, tinggal ikuti langkah-langkah berikut ini . Simak yah ... :)

• Masuk ke akun Blogger sobat.

• Pilih Rancangan / Tata Letak.

• Pilih Tambahkan Gadget / Add Gadget. 

• Pilih HTML/JavaScript. 

• Masukkan kode dibawah ini pada kolom yang sudah disediakan.

<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/pages/Fama-Gulz/258128380980560?fref=ts&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> </div></div>

*Keterangan : Ganti kode http://www.facebook.com/pages/Fama-Gulz/258128380980560?fref=ts (yang berwarna merah) dengan url fans page sobat.

• Kemudian SAVE.
• Masuk ke Edit HTML.
• Cari kode </head> dan letakkan kode dibawah 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>

• Langkah yang terakhir adalah SAVE.