Membuat Facebook Like Box Melayang Dengan Timer Terbaru – Edisi 2015

Facebook popup like box with timer atau juga sering disebut dengan popup fan page with timer adalah widget blog yang menyeru pengunjung untuk melike blog yang bersangkutan ketika sesaat loading blog dalam suatu artikel selesai dengan jangka waktu yang telah ditentukan. Sebagian orang menganggap bahwa widget ini terkesan “memaksa” pengunjung agar dapat melike facebook dari blog itu.

Namun bagi saya ini adalah hal yang biasa saja dan wajar dilakukan untuk menambah fan page blog selama tidak menghilangkan tombol close. Hal-hal yang terkesan “memaksa” bahkan terbilang “pemaksaan” lainnya ialah, jika tidak mempunyai tombol close namun timernya juga sangat lama, atau popup fan page tersebut mempunyai tombol close, tapi harus di klik berulang-ulang kali tombol tersebut baru bisa keluar dari widget ini.

Namun, bagi orang yang menganggap bahwa artikel yang dibagikan itu benar-benar bermanfaat baginya, tentu memberi sebuah jempol atas bukanlah masalah baginya. Tidak seperti orang lain yang sudah merasa expert dan enggan memberikan timbal-balik yang baik antar sesama.

Membuat Facebook Like Box Melayang/fanpage popup width timer

Nah, bagi yang ingin memasang widget like box melayang dengan timer di blognya, ikuti langkahnya di bawah ini.

Cara Membuat Facebook Like Box Melayang Dengan Timer

Login ke akun bloger anda
Masuk pada rancangan template
Pilih edit HTML
Temukan kode </style> lalu kopi kode CSS di bawah ini tepat di atasnya.
/* 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;}

Setelah itu, kopi kode di bawah ini dan letakkan di atas kode </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>

Lalu simpan template, kemudian refresh blog untuk memastikan apa widget ini berhasil dipasang.
Sekian artikel kali ini, mudah-mudah akan berhasil di terapkan di blog anda. Salam blogging.

Advertisement