Membuat like facebook pop up dengan timer

Membuat like facebook pop up dengan timer - Terus apalagi sih yang baru ini? Aitarz memberikan tutorial yang menarik yaitu like facebook pop up with timer, kalau anda bingung artinya begi tombol suka/like facebook melayang dengan ada waktu. Jadi like facebook ini bisa hilang bila di tutup atau dengan di biarkan akan ada timer, normalnya sih 30 detik. Nanti pop up akan hilang. untuk contohnya seperti ini.

Sudah berminat dengan tampilannya, oke langsung di coba.

1. Login Blogger

2. Pilih Rancangan Atau http://www.blogger.com/rearrange?blogID=5116168146837858094
Kode yang Berwarna Hijau di ganti dengan kode blog anda !

3. ada Submenu pilih edit Html

4. Paste kode berikut ini tepat di atas kode </body>

<script type='text/javascript'>

//<![CDATA[

KNFBFansPRO='Aitarz'

//]]>

</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:&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://pockieblog.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://mybloggertricks.googlecode.com/files/mbtlikebox2.js ' type='text/javascript'/>

<script language='javascript'>

//<![CDATA[

$(document).ready(function(){

$().KNFBFansPRO({

timeout: 30,

wait: 0,

url: ' http://www.facebook.com/AitarZ ',

closeable: true });

});

//]]>

</script>

<div id='fbtpdiv'/>

 Catatan :

Lihat atas sendiri yang warna merah wartabeta, itu gantilah dengan nama halaman / fan page anda.

Untuk Warna Biru dan Ungu adalah code Jquery Dan Jangan Diganti atau Akan ada perusakan Fatal
Untuk yang berwarna Biru Muda boleh diganti dengan kode false bila anda tidak mau menampilkan tombol Close
Untuk Kode yang berwarna Orange Diganti dengan nama fans page anda !
Untuk kembali yang berwarna merah sebuah link http://www.facebook.com/AitarZ itu di rubah dengan url fans page anda. lihat Timeout di kode itu adalah detikan normal 30 dapat anda ganti sesuka anda.



5. Simpan template


Lihat hasilnya dan refresh maka akan tampak facebook melayang dengan timer.

Sekian .. Terima kasih :)