Membuat pop up like facebook dengan auto close

Membuat pop up like facebook dengan auto close

Oktober 13, 2012

Membuat pop up like facebook dengan auto close

Membuat pop up like facebook dengan auto close

Dikarenakan belum mengantuk maka akhirnya saya putuskan untuk kembali menulis di blog tentang cara Membuat pop up like facebook dengan auto close, Pop up ini ter inspirasi dari salah satu website islam indonesia, ketika saya membuka website tersebut saya mendapati sebuah pop up yang meminta saya untuk menyukai fans pagenya di facebook.

Berangkat dari situ saya mencoba mencari tau bagaimana cara membuatnya, dan setelah beberapa menit mencari kesana kesini dengan di bantu oleh paman google akhirnya saya mendapati sebuah tutorial Membuat pop up like facebook dengan auto close dalam bahasa inggris, untuk itu disini saya akan sedikit mencoba menjelaskannya kepada anda bagaimana cara Membuat pop up like facebook dengan auto close.

Untuk Membuat pop up like facebook dengan auto close login ke dasbor blogger anda terlebih dahulu kemudian pergi ke bagian template >> edit html >> lanjutkan >> centang expand template widget lalu tekan CTRL + F untuk mencari <body> jika sudah ketmu letakkan code di bawah ini tepat di bawah <body>

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Become a Hanya Blogger fan'
//]]>
</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: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:#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://yourjavascript.com/19111310151/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://yourjavascript.com/03211349139/fbboxhanya.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){

$().KNFBFansPRO({
timeout: 10,
wait: 0,
url: 'http://www.facebook.com/HanyaBlogger',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>

Yang perlu anda lakukan selanjutnya adalah mengganti beberapa hal berikut ini :

KNFBFansPRO='Become a Hanya Blogger fan'
timeout: 10,
url: 'http://www.facebook.com/HanyaBlogger',

Ganti sesuai selera anda dan url fanspage facebook anda, sebelum menyimpannya silahkan lihat dulu pratinjaunya. sekian dan terima kasih.