Cara Membuat Fanspage Facebook Auto Hide Disebelah Kanan Blog

Halo brada and sista, kali ini saya akan membagikan Cara Membuat Fanspage Facebook Auto Hide Disebelah Kanan Blog, Cekidot....

Langsung aja disimak caranya gan :
1. Masuk ke blogger dlu
2. Pilih Tata Letak
3. Pilih Tambah Gadget > HTML / Javascript
5. Masukkan kode dibawah ini

<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=https://www.facebook.com/SafryanArtOfficial&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></div></div>

5. Klik simpan, dan lihat perubahannya

Keterangan : Ganti huruf yang berwarna BIRU dengan URL fasnpage agan

Sekian Artikel Dari Saya, Semoga Bermanfaat, Jangan Lupa Tinggalkan Komentar, Terimakasih