Cara memasang pop up like facebook melayang dengan timer di blog

Bagikan :

Facebook

Tweet

Linkedin

Pinterest

selamat siang sobat , nah kali ini saya akan membahas sedikit tutorial yang cukup singkat yaitu memasang pop up like facebook melayang dengan timer di blog .

1. Masuk ke blogger.com lalu letakkan kode berikut diatas </style>

/* Likebox PopUp with Timer */
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px;position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; 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; 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: &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;}

2. Letakkan kode berikut diatas </body>

<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="253664224684238",  //ID atau username fanpage
 kakinetworkdotcom01title="Join us at Facebook!", //Tulisan yang tampil di bar
 kakinetworkdotcom01skin="01", //Skin untuk gambar
 kakinetworkdotcom01time="50", //Mengatur berapa lama widget tampil (dalam detik)
 kakinetworkdotcom01wait="0",  //Mengatu lama widget akan tampil ketika blog baru di buka
 kakinetworkdotcom01lang="en"  //Kode bahasa yang digunakan widget (Indonesia = ID
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});  //true ganti dengan false jika ingin menghilangkan tombol close
//]]>
</script>

Silahkan sobat atur sesuai keterangan pada script .