Cara Menciptakan Facebook Like Box Melayang Dengan Timer


Facebook popup like box with timer atau juga sering disebut dengan popup fan page with timer yaitu widget blog yang menyeru pengunjung untuk melike blog yang bersangkutan ketika sesaat loading blog dalam suatu artikel tamat dengan jangka waktu yang telah ditentukan. Sebagian orang menganggap bahwa widget ini terkesan “memaksa” pengunjung biar sanggup melike facebook dari blog itu. Namun bagi saya ini yaitu hal yang biasa saja dan masuk akal dilakukan untuk menambah fan page blog selama tidak menghilangkan tombol close. Hal-hal yang terkesan “memaksa” bahkan terbilang “pemaksaan” lainnya ialah, bila tidak memiliki tombol close namun timernya juga sangat lama, atau popup fan page tersebut memiliki tombol close, tapi harus di klik berulang-ulang kali tombol tersebut gres sanggup keluar dari widget ini.

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

Related

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 instruksi </style> kemudian kopi instruksi CSS di bawah ini sempurna 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 instruksi di bawah ini dan letakkan di atas kode </body>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="253664224684238",  //ID atau username fanpage
 kakinetworkdotcom01title="CARA MEMBUAT FACEBOOK LIKE BOX MELAYANG DENGAN TIMER", //Tulisan yang tampil di bar
 kakinetworkdotcom01skin="01", //Skin untuk gambar
 kakinetworkdotcom01time="50", //Mengatur berapa usang widget tampil (dalam detik)
 kakinetworkdotcom01wait="0",  //Mengatur usang widget akan tampil ketika blog gres di buka
 kakinetworkdotcom01lang="en"  //Kode bahasa yang dipakai widget (Indonesia = ID
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});  //true ganti dengan false bila ingin menghilangkan tombol close
//]]>
</script>
Lalu simpan template, kemudian refresh blog untuk memastikan apa widget ini berhasil dipasang.
Sumber https://www.gratistutorial.me/

Related Posts

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel