Cara Membuat FB Fanspage Autohide

Sekarang saya akan mencoba menjelaskan sedikit Cara Membuat FB Fanspage Autohide Bagi sebagian besar blogger yang sudah mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog dan meletakkanny di sidebar blog, nah kali ini saya akan posting tentang cara memasang autohide facebook fanspage disamping blog anda.

Berikut langkah-langkah memasang autohide fb fanspage diblogger
langkah pertama:
a. Masuk ke Design blog anda - pilih Template - edit html
b. Cari kode </head> (untuk mempermudah mencarinya tekan f3)
c. Copy dan Paste kode dibawah ini sebelum atau diatas kode </head>


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


d. Lalu Simpan Template anda.

langkah kedua:
a. Kembali ke Design - pilih Layout - add Gadget - HTML/javascript
b. copi dan paste kode dibawah ini ke gadget HTML/javascrip tersebut

<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=URL PAGE ANDA&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>


c. Ganti tulisan " URL PAGE ANDA " dengan url pagefans fb anda
d. Simpan dan lihat hasilny

Selamat mencoba, Semoga bermanfaat.