Cara Membuat pops up FB Fans Like Dengan Timer

Home » Blogging » Cara Membuat pops up FB Fans Like Dengan Timer

Cara Membuat pops up FB Fans Like Dengan Timer

Posted By : Tips & Cara Admin Posted on - 10:14:00 AM with No comments

Cara Membuat pops up FB Fans Like Dengan Timer - Setelah kemarin saya memposting cara membuat widget pops up atau FB Fans Like melayang kali ini saya akan share widget pop up fb fans like disertai timer penghitung, sehingga dalam beberapa detik widget tersebut akan menghilang secara otomatis. Yang perlu diperhatikan adalah jangan mengatur waktu yang lama untuk seting fans like facebook ini seumpama saja widget akan menghilang setelah 1000 detik, nah bukannya anda mendapat jempol malah visitor atau pengunjung blog akan kabur karena pengunjung gak mau menunggu lama hehehe.. namun widget ini juga dilengkapi tombol close kok. Anda dapat mengatur berapa lama widget / plugin akan ditampilkan sebelum menghilang secara otomatis.

Baca juga:
Membuat widget FB fans like
Membuat widget FB fans like melayang dengan efek jquery
Membuat widget share media sosial melayang

Anda juga dapat menentukan apakah Anda ingin menampilkan segera segera setelah pengunjung memasuki situs atau setelah jangka waktu tertentu. Kode JavaScript untuk plugin ini dimodifikasi kode untuk membuat empat latar belakang yang berbeda untuk likebox tersebut. Instalasi sangat mudah ikuti langkah berikut. Dan yang terpenting adalah widget yang satu ini relatif lebih cepat dibanding widget facebook fans like pop up. Jika anda benar melakukannya maka hasilnya akan seperti dibawah ini:

Cara Membuat pops up FB Fans Like Disertai Timer

1. Pergi Untuk Blogger> Desain> Edit HTML
2. Backup template Anda
3. Paste kode berikut tepat di atas </ body>

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Tips & Cara'
//]]>
</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: 'http://www.facebook.com/Tips & Cara',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'></div>

Catatan:

Ganti ini Tips & Cara dengan nama pengguna Facebook Anda.
Ganti timer 20 menjadi berapapun yang anda inginkan widget ini ingin tampil sebelum menghilang secara otomatis
Ganti nilai 0 dengan nilai yang inginkan, timer ini mengatur kapan widget ini muncul, jika anda mengganti angka menjadi 30 seumpamanya maka widget akan tampil setelah pengunjung berada di blog anda selama 30 detik.
Anda dapat mengubah Background Colors dengan Editing CSS Kode

sponsored ads