tutorial membuat fans page facebook auto hide

Asslamualaikum
Selamat Malam -
Facebook fans page sangat penting bagi kelangsungan blog kita. Karena dengan adanya fans page orang-orang bisa tahu tentang keberadaan blog kita. Facebook fans page juga bisa digunakan untuk mempromosikan blog ke jejaring sosial facebook, karena kebanyakkan orang menghabiskan waktu hanya untuk facebookan. Maka dari itu kita bisa memanfaatkan jejaring sosial ini untuk promosi blog kita.

Disini saya akan berbagi tutorial membuat fans page facebook auto hide, seperti punya saya yang ada disamping kanan. Sebenarnya widget fans page facebook ini sama dengan widget lainnya, hanya yang membedakannya adalah auto hide atau sembunyi otomatis. Kelebihannya adalah bisa menghemat ruang sidebar kita.

Simak Baik Baik

1. Login ke blogger.com

2. Klik menu template/rancangan >> Edit HTML >> cari kode </head> (gunakan CTRL+F)

3. Letakkan kode berikut diatasnya

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

*Jika ditemplate sobat sudah ada kode tersebut, maka lewati saja tahap ini dan langsung ke tahap berikutnya

4. Save atau Simpan

Lanjut Tahap 2:
1. Klik menu Layout
2. Klik Tambah Gadget/ add gadget
3. Pilih HTML/JavaScript
4. Copy dan paste kode berikut di dalam kotak HTML/JavaScript yang dipilih tadi. 

<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=http://www.facebook.com/ID FANSPAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=11&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://gifzt-modder1.blogspot.com/2013/08/cara-buat-fanspaga-auto-hide.html">Tutorial Here</a></span></div></div>

5. Simpan
6. Enjoy