Menambahkan widget Facebook Melayang di Blog

Bismillahirrahmanirrahiim...
           Sekarang bagaimana langkah-langkah untuk membuat widget Facebook yang melayang ini ? oke, cekidottt...
1. Masuk ke Blogger dan login dengan akun anda.
2. Buka Rancangan >>Edit HTML
3. Tekan Ctrl+F untuk mencari kode ]]></b:skin> :
4. Letakkan Script berikut di bawah kode ]]></b:skin> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

5. Simpan Template
6. Kemudian kembali ke Rancangan >> Tambah Gadget >> HTML / Javascript
7. Masukkan Kode Berikut ini :

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIHLr_1l_G68lN3u9DU3S_ZSZc3DBLe93HlsGFhOUcoW92qb7U35vGkvZw2r4bg3QcWOYM8a3c9bE3402BFDP3hUmsS7a1x5c5nnvTIgh6-lr7pi8y2BKebfivd9yAtfbrxzSFKgO7oC55/s1600/fb.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/Blog-mrlutvie/243065805786404?ref=ts&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;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://blogmrlutvie.blogspot.com/2012/04/menambahkan-widget-facebook-melayang-di.html ">Get this widget</a></b></span>
    </div>
</div>

8. Tulisan yang berwarna merah ganti dengan Alamat Facebook Anda.
9. Simpan Template Anda. 


Oke, Sekarang anda dapat melihat tampilan Facebook melayang yang berada di sebelah kanan halaman Blog anda.
Bagaimana, tertarik untuk mencobanya???
Let's keep rock'in


Wassalam...