Cara Membuat FB PageFan AutoHide di blog

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>

<iframesrc="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

Share 'Cara Membuat FB PageFan AutoHide di blog' On ...

Title: Cara Membuat FB PageFan AutoHide di blog
Posted by:Anonymous
Published :2012-11-05T15:47:00+07:00
Rating: 5
Reviewer: 100000000 Reviews
Terimakasih banyak karena sobat telah membaca artikel Cara Membuat FB PageFan AutoHide di blog. Sobat bisa bookmark halaman ini dengan URL http://cyberr-kediri.blogspot.com/2012/11/cara-membuat-fb-pagefan-autohide-di-blog.html. Jika ingin memposting ulang artikel ini harap untuk mencantumkan link sumber.