Cara Membuat Fans Page Like Box FB Auto Hide di Blog

Bagaimana Cara  Membuat Like Box FB Auto Hide ?, oke Kali ini mysusis kembali berbagi tutorial blog, yang setelah kemarin kita bahas Cara Membuat Widget Postingan Baru Atau Recent Post Berjalan di Blog. kali ini tentang widget jejaring sosial yaitu Fanspage/halaman kessukaan Facebook. dengan memberikan widget ini diblog anda akan memudahkan kita dalam promo blog. karena kita ketahui jejaring FB kini sangat gencar hampir semua manusia dialam ini mempunyai akun FB mulai dari anak SD sampai Lansia. Dengan memberikan widget ini merupakan pengembangan blog anda untuk menjaring traffik yg lebih luas. Langsung saja za kita Bahas Langkah-Langkah Cara Membuat Like Box FB Auto Hide Seperti pada gambar tsb.

1.Pertama-tama silahkan sobat login ke blog sobat.

2.Setelah itu pilih Template ➮ Edit HTML

3.Pada kotak Edit Template cari kode </head>

, sebagai langkah cepat silahkan klik F3 dan kemudian ketik </head> dipencarian tsb.

4.Jika sudah ketemu sekarang letakkan kode berikut tepat di atas kode </head>

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

5.Lalu simpan template.

6. Setelah itu Pilih TATA LETAK

7. Kemudian Tambah Gadget ➮ Pilih HTML/Java Script.

8. Masukkan Scrip berikut.

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTw4ex5OzF1H7725ONnevHhsUye5iW-WG0ZiMDt24YLw6gZUTkOec26ldld2i4B7Pu4RRRe7kmTkeNbEZmT-CKll0CPXk23kuQcHnvVRDLHQ6jktybEr_zCokcCvep5f0YxCPVKywFjeR/s1600/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="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FKumpulan-Artikel-Ilmu-Pengetahuan%2F361927093892752%3Fref%3Dhl&amp;width=292&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe>
</div></div>

NB:- Ganti scipt yang berwarna merah dengan kode script iframe dari Fanspage FB sobat
       - pada width berwarna ungu bisa sobat ganti ukuranya sesuai keinginan.

9. Kemudian Simpan, dan lihat hasilnya!

Demikian sobat Artikel kali ini tentang Cara  Membuat Fans Page Like Box FB Auto Hide di Blog , semoga bermanfaat. Dan semoga berhasil. Apabila sudah berhasil jangan lupa ucapkan Alhamdulillah. :)