Cara Membuat Widget Like Facebook Melayang

Siang gan, hari ini saya akan berbagi informasi tentang cara membuat widget like facebook yang bisa melayang di blog seperti pada gambar di bawah ini :

Langkah - langkahnya :

1. Siapkan halaman fans page di facebook / agan bisa buat dahulu
2. Copy link di bawah ini :

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: left;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;left: 6px;text-align: left;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=link facebook fans page agan&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://banyon-cyber.blogspot.com/2014/08/cara-membuat-widget-like-facebook.html">Tutorial Here</a></span></div></div>

Langkah selanjutnya :

1. Login ke blogger
2. Buka Tata Letak
3. Tambah Gadget --> HTML Java Script
4. Paste script code diatas di situ
5. Ganti tulisan warna merah menjadi link facebook fans page agan
6. Save,

Selamat Mencoba !! Semoga Bermanfaat