Memasang Fanpage Facebook Di Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Memasang fanpage facebook Di Blog

   Facebook Like Box ini akan membantu pengunjung Anda untuk menjadi seorang pembaca reguler hanya dengan mengklik tombol Like. Dengan Facebook Like Box ini pembaca akan mendapatkan update artikel terbaru dari Facebooknya (ini lebih baik dari Email Newsletter).

 Memasang fan page Facebook Auto Hide ( muncul tanpa di klik ) pada Blog widget ini akan muncul di bagian tepi kanan halaman blog.    

   Untuk memasang fanpage facebook Auto hide di blog ikuti langkah-langkah dibawah ini :

1. log in ke akun Blog sobat...

2. Klik Design --> Edit HTML --> klik pada Expand widget

3. Cari kode </head> gunakan Ctrl + F untuk mecari kode </head>

4. Letakkan kode dibawah ini di atas kode </head> tadi

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

5. Save

Kemudian : 

1. Klik Design

2. Klik Tambah Gadget/Add gadget

3. Pilih HTML/Javascript

4. biarkan kosong pada kotak ( Title )

5. Copy kode dibawah ini dan paste ke dalam kotak yang di sediakan ( Content )   

<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/Busana-Muslim-Misela/457134047686464&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://medis612.blogspot.com/2014/04/memasang-fanpage-facebook-di-blog.html">Tutorial Here</a></span></div></div>

Catatan : Ganti tulisan yg berwarna merah yg ada di dalam kode dengan URL page sobat.

6. Klik simpan/save dan lihat hasilnya !

   selamat mencoba...semoga berhasil Memasang fanpage facebook Di Blog, semoga bermanfaat....!