Cara Membuat Fans Page FB Auto Hide di Blog

Jika kamu gemar menghias blog dengan animasi dengan tampilan elegant diblog kamu. Sekarang saya akan memposting "Cara Membuat Fans Page FB Auto Hide di Blog". Widget ini adalah widget untuk menampilkan Fans Page kamu diblog dengan tampilan Auto Hide/tersembunyi di bagian kanan blog.

Contoh Fans Page FB Auto Hide milik saya : 

Langkah 1

1. Login ke Blogger.com dengan akun blog kamu
2. Klik Template => Edit HTML => lanjut dan centang "Expand Template Widget"
3. Kemudian cari kode </head> dengan menekan Ctrl+F
4. Salin kode dibawah ini dan Paste tepat di atasnya </head>, kemudian klik Save/Simpan.

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

Langkah 2

1. Klik Tata Letak => Tambah Gadget
2. Pilih HTML/JavaScript
3. Salin kode dibawah ini dan Paste di kotak tersebut, kemudian Save/Simpan.

<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: right;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;right: 6px;text-align: right;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=https://web.facebook.com/The-Master-Blogger-391894094210462&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://sangmastervirus.blogspot.com/2012/11/CaraMembuatFansPageFBAutoHide.html">Tutorial Here</a></span></div></div>

Catatan : 
-    Teks yang berwarna merah diganti dengan teks Fans Page milik kamu