Cara Membuat Facebook Pagefan Auto Hide

cara membuat fb pagefans auto hide

Kalau Dulu Nurulcall Pernah posting Cara Mengganti Profil Fb sekarang Nurulcall akan posting Cara Membuat FB Pagefan 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://nurulcall-tanjungkalang.blogspot.com/2012/02/cara-membuat-fb-pagefans-auto-hide.html">Tutorial Here</a></span></div></div>

c. save templat

NB: ganti tulisan yang berwarna merah  " URL PAGE ANDA " dengan url pagefans fb anda

Semoga Berfanfaat silahkan dicoba.