Cara Menambahkan Widget PopUp Like Fanspage Dengan Timer

Hai, ketika anda membuka blog saya pertama kali, mungkin anda akan melihat sebuah tampilan untuk nge-like FP saya. Nah, itu adalah tampilan PopUp Like Fanspage dengan timer. Kali ini saya akan share bagaimana Cara Menambahkan Widget PopUp Like Fanspage Dengan Timer. Langsung aja ikuti tutorialnya di bawah ini.

1. Masuk ke Template > Edit HTML

2. Copy pastekan kode ini di atas kode </body> 

<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
 KNFBFansPRO='JKT48 INDO'
//]]></script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:
9px;margin:0pt;padding:0pt;color:#900000;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 8*/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:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font-
weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !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 type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
<script language='javascript'>
//<![CDATA[
 $(document).ready(function(){    
  $().KNFBFansPRO({
   timeout: 20,
   wait: 0,
   url: 'https://www.facebook.com/Jkt48fcSurabaya',
   closeable: true  });
 });
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->

#Catatan

1. Kode yang berwarna coklat, ganti dengan username FP anda.

2. Kode yang berwarna merah adalah lama waktu widget PopUp Like muncul di blog anda. Bisa anda edit sesuai keinginan.

3. Kode yang berwarna ungu adalah lama waktu sebelum widget PopUp Like muncul. Jadi kalau kode ungu disetting '0', maka widget PopUp Like akan langsung muncul bila ada orang masuk ke blog anda. 

4. Kode yang berwarna hijau, ganti dengan url FP anda.

Udah, segitu aja tutorial Cara Menambahkan Widget PopUp Like Fanspage Dengan Timer. Bila bingung, mohon tinggalkan komentar. Semoga bermanfaat dan Terima Kasih.