Cara Membuat Fan Page Facebook Auto Hide Cara Membuat Fan Page Facebook Auto Hide

Cara Membuat fan page Facebook Auto Hide ( muncul tanpa di klik ) - Ada beberapa cara memodifikasi fanpage facebook , setidaknya kali ini saya akan kasih salah satunya.. Setelah mempostingan artikel tentang

cara memasang headline news di blog, kali ini akan memposting tentang fanpage facebook auto hide. 

Hampir mirip dengan chatbox milik ane yang bisa sobat liat di sebelah kanan halaman ini, widget ini akan muncul di bagian tepi sebelah kanan halaman blog sobat juga. 

DEMO

Tertarik untuk memasang widget fp facebook auto hide?, ikuti langkah -langkahnya..

Langkah 1

1. log in ke akun Blog anda.

2. Klik Template --> Edit HTML --> Cari kode </head> ( gunakan Ctrl + F )

3. Letakkan kode berikut di atasnya.

<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/pages/-RBT-BLogger-Link/183872671742900?ref=hl&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://goyar-rbt.blogspot.com/2013/05/cara-membuat-fan-page-facebook-auto-hide.html">Tutorial Here</a></span></div></div>

Tmbhn : Ganti tulisan bercetak tebal dengan URL fanspage kamu.
seperti gambar berikut..

5. Klik save dan lihat hasilnya...

Semoga info diatas dapat membantu sobat BLogger untuk membuat BLog semakin menarik :D