Cara Memasang Fanspage Fafebook Di Blog

Tags

Kali ini anr ingin berbagi tips cara memasang fanspage facebook di blog,,,,widget ini akan muncul tanpa di klik dan terletak pada bagian  tepi blog,,,












untuk langkah-langkahnya seperti di bawah ini

1. Login ke blog sobat

2. Klik Design/Template trus pilih EDIT HTML dan centang Expand widget



3. Cari kode </head> (tekan Control+F untuk mencari kode tersebut)

4. Letakkan kode di bawah ini tepat di atas kode tadi

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

 5. Simpan templte

Langkah selanjutnya:

1. Klik design/tataletak terus tambah Gadget/ADD GADGET

2. Pilih HTML/Javascript

3. Pada kolom title/judul biarkan aja kosong

4.  Copy kode dibawah ini dan paste ke dalam kotak yang di sediakan


<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/CahWakungGoBlog&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://cahwakung.blogspot.com/2012/05/cara-memasang-fanpage-facebook-di-blog.html">Tutorial Here</a></span></div></div>



KETERANGAN: ganti tulisan warna merah dengan URL sobat 

6. Simpan dan lihat hasilnya.



Sekian...selamat mencoba dan semoga bermanfaat....


salam blogger