Membuat Widget Facebook Like Box Pop Up

Cara Membuat Widget Facebook Like Box Dengan Pop Up dan Timer - Selamat malam sobat, malam ini Saya akan posting tutorial blog atau lebih tepatnya tentang widget blog, yaitu cara membuat widget facebook like box dengan pop up dan timer. Sobat bisa mengatur berapa lama pop up ini akan muncul (timer) sebelum widget ini menghilang secara otomatis, tinggal tentuin aja waktunya, mau 30 detik, 20 detik, dst. Untuk demonya sobat bisa lihat diblog ini. Cara membuat widget facebook like box dengan pop up dan timer ini sangat mudah, ikuti langkah-langkah di bawah ini ya sobat.

Cara Membuat Facebook LikeBox Popup Untuk Blogger

Langkah-langkahnya sebagai berikut :

Go To Blogger> Desain> Edit HTML
Backup template anda
Paste kode berikut tepat di atas </ body>

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='NarutoSite'
//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}
.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Old English Text MT;, "Old English Text MT;, sans-serif !important;}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}
#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src=' http://mafiaproject.googlecode.com/files/jquery.js ' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src=' http://mafiaproject.googlecode.com/files/mbtlikebox2.js ' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: ' https://www.facebook.com/NarutoSite ',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>

Atau Klik

Membuat perubahan-perubahan penting:

Ganti ini NarutoSite dengan nama \halaman/Fanspage Facebook sobat.
Timer diset untuk 30 detik, untuk mengubahnya cukup mengedit timeout: 30
Widget ini muncul segera setelah ada visitor. Jika Anda ingin untuk muncul setelah satu menit atau lebih kemudian edit wait: 0
Ganti https://www.facebook.com/NarutoSite dengan alamat halaman/Fanspage sobat.
Dan Kode Selain Yang Saya Cantumkan Diatas jangan ada yang anda Edit Atau Widget Akan Gagal Dan Kacau Balau

Pilihan Gambar :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHsR1_LjCyhOwtGdvgf8FCLZhJL3Wcw7A_9jXUYL8ap0vwcjI41dyuNytF6cWuVzTjghoYCRz4MCqvj9c0hLFMpZRAEavUVvo_tfZBqB1sRaJ2Bmlwzj5Y41-pFeCS_lukDd7cSCpGJba5/s800/BecomeFanOnFacebook.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3P5xnKbhSatl-WOTArDLE4hi6isvXPs4JqvOiHkIhNLuIyiBEVuRGid9SJkulTgt2viJkliQHQJ3cJsj5xUdc4W_6M91kJ8O5ekfRdhvGcDmcPg4Ytrukh-7WJO345Bnq-EWMBVmsp2_U/s800/facebookbutton.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnNopfX1qFgKMOwza_ZoIifdykQqnL2xsNAv2byd9viZXWER4GguzhwhIcVrzrk8LfPX_NJPkQu4d4pkYQMfCDWWaDk1wle3pv1RRgP3mz-kiJ5qC1wU7eE2CKzV2nMHokaUduZR1xIgYs/s800/fb.png