cara membuat fb pagefans auto hide

Bagi blogger yang mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog. Biasa untuk letakkan di sidebar blog, untuk 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. dasboard - rangcangan - edit html
b. cari kode </head> (untuk mempermudah mencarinya tekan ctrl+f)
c. copi 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.save templat.

langkah kedua:

a. dasboard - rancangan - page elemen - 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><span><a href="http://q-ncay.blogspot.com/2011/11/cara-membuat-fb-pagefans-auto-hide.html">Tutorial Here</a></span></div></div>

c. save templat

Ctt: ganti " URL PAGE ANDA " dengan url pagefans fb anda