Cara Memasang Kotak Like Fanspage Facebook Floating Di Blog

Kali ini saya akan memberikan sedikit tutorial baru untuk memasang kotak like fanspage floating di blog.tutorial ini akan menbuat tampilan kotak like fanspage anda menjadi lebih menarik dan keren dari pada sebelumnya.nah, langsung saja berikut langkah-langkahnya.

DEMO

1.Login Account blogger anda.
2.Dasbor>>Rancangan>>Elemen Laman>>Add Gadget>> HTML Java Script.
3.Lalu letakanlah kode berikut didalam HTML Java Script

<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/AVvXsEhvD4ktr435XXD9BAUWm2MkzClc1wx0X4M09iNVRXMMxwlUkPSE7a3NknlUikg46i6w5MDTtctam74fJeuGEqLmtOzcNq9njjWzUMylCEoKiO38oTTk1mY83dRWz7IzUaQN7DMGEcmlGPg/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%3A%2F%2Fwww.facebook.com%2FComhf&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span></span></div></div>

 Ket: //www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FComhf&amp;
 Comhf: Gantilah dengan ID Fanspage Facebook anda

4.Simpan ,Finish