Facebook LikeBox JQuery Popup Dengan Timer 2

Kali ini kita akan membahas tentang cara membuat Facebook LikeBox Jquery Popup Dengan Timer ,Widget ini akan menampilkan pencatat waktu dan juga menampilkan tombol like yang terhubung ke halaman fan page dan sebuah gambar menarik yang terhubung ke halaman facebook fan page anda, membiarkan pengunjung untuk menekan tombol like untuk bergabung dengan facbook fanpage anda atau sekedar mengunjungi halman fan page anda dengan mengklik gambar. Anda dapat mengatur berapa lama widget / plugin harus tampil sebelum menghilang secara otomatis dan juga termasuk pilihan tutup (close Button).Pada widget ini juga anda dapat menentukan kapan anda akan menampilkan widget (pada saat pengunjung memasuki halaman atau setelah waktu yang di tentukan.

Demo
Dan adapun langkah-langkah pembuatanya adalah :

1. Tuju atau log in ke Halaman Blogger anda > Opsi Lainnya > Templete > Backup template anda > Edit HTML

2. Kopy dan Pastekan Kode dibawah ini diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='BambangPage'

//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:5px 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:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, 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://bambang-jq-file.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://bambang-jq-file.googlecode.com/files/BPmbtlikebox.js' type='text/javascript'/>

<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'https://www.facebook.com/pages/Bambangs-Page/179013638803327',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>

Keterangan :

1. timeout: 30, ini menunjukan jangka waktu Widget tampil pada halaman. untuk mengeditnya anda bisa mengganti angka timeout: 30, dengan angka yang anda inginkan.

2. wait: 0, ini menunjukan kapan widget ini akan ditampilkan ketika pengunjung memasuki halaman blog/website anda.jika anda ingin mengeditnya ganti angaka wait: 0, (nol) dengan angka yang anda inginkan.

3. Ganti https://www.facebook.com/pages/Bambangs-Page/179013638803327 Dengan alamat facebook page anda.

3. Simpan Templete anda.

Selesai dan selamat mencoba......