Cara Membuat Popup Facebook Like Disertai Timer (jQuery) - Hallo sahabat Anak Google, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Popup Facebook Like Disertai Timer (jQuery), admin mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Mudah-mudahan isi postingan Artikel Blogger, Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. Selamat membaca ya.

Judul : Cara Membuat Popup Facebook Like Disertai Timer (jQuery)
link : Cara Membuat Popup Facebook Like Disertai Timer (jQuery)

Cara Membuat Popup Facebook Like Disertai Timer (jQuery)

Cara Membuat Popup Facebook Like Disertai Timer (jQuery). Banyak cara untuk mendapatkan like yang banyak pada facebook fans page blog kita, salah satunya dengan cara membuat popup facebook like disertai timer. Akhir-akhir ini banyak para blogger yang menggunakan cara ini guna mendapatkan klik like pada fans pagenya.

popup facebook like disertai timer ini dirancang khusus dengan dilengkapi timer untuk menutup sendiri ketika countdown timer-nya sudah habis. Serta dilengkapi dengan script yang dirancang khusus tidak akan muncul lagi ketika salah-satu pengunjung sudah mengklik like pada fans page facebook kita.

Nah untuk memulai membuatnya, maka ikuti langkah-langkah berikut ini:

1.Log in ke blogger.
2.Klik template. (disarankan agar membackup dulu template anda buat jaga-jaga bila anda salah dalam mengedit template)
3.Klik edit HTML dan centang kotak Expand Template Widget.
4.Cari kode </body> dan letakkan kode dibawah ini tepat diatasnya:

<!-- bdigg.blogspot.com Likebox Pro FBFan Code Start -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; 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; 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;}</style>
<script src='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="anakgoogle",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://bdigg.googlecode.com/files/likebox-facebook-with-timer%20%281%29.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- bdigg.blogspot.com Likebox Pro FBFan Code End -->

Keterangan :

• Pada tulisan anakgoogle yang saya beri warna biru silahkan ganti dengan username fans page facebook anda.
• Join us at Facebook! silahkan diganti sesuai selera.
• 15 adalah time yang diperlukan sampai popupya tertutup sendiri.
• closeable: true berarti anda menyertakan tombol close pada popupnya, jika tidak ingin menampilkannya silahkan ganti dengan false.
• 01 menandakan kode skinnya anda bisa menggantiya dengan (02, 03, 04) untuk contoh skinnya bisa dilihat gambar dibawah ini :

Skin (01)

Skin (02)

Skin(03)

Add caption

5.Terakhir save template anda dan lihat hasilnya.

Nah mudah-mudahan tutorial Cara Membuat Popup Facebook Like Disertai Timer (jQuery) bisa bermanfaat bagi anda

Demikianlah artikel tentang Cara Membuat Popup Facebook Like Disertai Timer (jQuery)

Sekianlah artikel Cara Membuat Popup Facebook Like Disertai Timer (jQuery) kali ini, mudah-mudahan bisa memberi manfaat untuk pembaca semua.

Anda sekarang membaca artikel Cara Membuat Popup Facebook Like Disertai Timer (jQuery) dengan alamat link https://anakugoogle.blogspot.com/2012/12/cara-membuat-popup-facebook-like.html

Tweet

Unknown