Cara Memasang Widget Fanspage Facebook Keren dan Responsive Di Blog

Artikel terkait : Cara Memasang Widget Fanspage Facebook Keren dan Responsive Di Blog

Cara Memasang Widget Fanspage Facebook Keren dan Responsive Di Blog- Halo Sobat, Selamat pagi. Dalam Kesempatan kali ini saya akan membagikan Tutorial Blog Keren yaitu Cara Memasang Widget Fanspage Facebook Keren dan Responsive Di Blog. Contohnya bisa kamu lihat dibawah ini :

Dan Apabila Kursor Kamu dekatkan di Tulisan Facebook maka akan muncul

Jeng...Jeng...Jeng :D Slide Show seperti Chatbox atau Buku Tamu....

Keren bukan widget Fanspagenya. Apabila kamu ingin memasangnya di Blogmu. Kamu bisa ikuti langkah-langkahnya dibawah ini :

Baca Juga :

Langkah-Langkahnya :

1. Login Blogger.

2. Masuk ke Menu Tata Letak.

3. Pilih Tambahkan Gadget.

4. Pilih HTML/JavaScript.

5. Tempelkan Kode Dibawah ini Di Kotak Dialog Konten.

 ... <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/Andrie-Adzkia-526775464160370/?fref=ts&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://andrieadzkia.blogspot.com/2016/01/pasang-widget-fanspage-keren.html">Tutorial? Click Here </a></span></div></div> ...

Catatan : Ganti Tulisan Warna Merah dengan URL Fanspagemu.

6. Simpan Dan Lihat Hasilnya.

Semoga Artikel ini Bermanfaat Untuk Kita Semua...