Cara membuat Facebook fans page melayang

Sebagian besar orang yang berkunjung orang merasa tidak nyaman apabila berkunjung ke blog yang dipenuhi dengan widget karena adanya widget menyebabkan leletnya masuk suatu blog terutama apabila kita meletakkan Facebook Fans Page di sidebar ini mengakibatkan visitor tidak jadi berkunjung ke blog kita. Agar tidak lambat saat masuk suatu blog biasanya para blogger biasanya menggunakan Facebook Fans Page melayang yang kiranya sangat berguna untuk blogging.

Cara pemasangan Facebook fans page melayang :
1. Login ke blogger sobat lalu masuk ke dasbor
2. Kemudian klik rancangan
3. Klik Edit HTML
4. Cari kode </head> dengan cara klik Ctrl+F
5. Letakkan kode berikut di atas kode </head>

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

  
6. Kemudian masuk ke rancangan => tata letak => tambah gadget => html/javascript
7.  Masukkan kode berikut :

<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/AVvXsEi64o2KiKpGF1Gx2dWlt3rjh71Z1cuvdZLGp9oFQtwaR7SvP5DRFf0vWpgUPzhBmU0JR-KCScWU9PFwnDrIgqxtjlNzWgjMF9Tc2gg-eogKQz40_PNtDTZ3fg72LvErWZgWCTqqOVmGte0/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/i-21blog&amp;width=251&amp;height=270&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:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://i-21.blogspot.com/2012/06/cara-membuat-facebook-fans-page.html" target="_blank">+MAU??</a></span></div></div>

 Keterangan :
ganti tulisan yang berwarna merah dengan url facebook fans page mu
Untuk hasilnya dapat anda lihat di sini