Muhammad Ihsan Blog: Cara Membuat Popup Like Facebook dengan Timer

Cara Membuat Popup Like Facebook dengan Timer

Cara Membuat Popup Like Facebook dengan Timer - Hari ini kita berbagi versi lain dengan pilihan lebih banyak kontrol. Ini termasuk counter waktu dan bukannya likebox akan menampilkan sebuah tombol seperti itu link ke Fan Page Anda dan gambar menarik yang juga link ke halaman kipas Anda membiarkan pengunjung Anda untuk bergabung baik halaman kipas Anda dengan mengklik tombol seperti atau hanya dengan mengunjungi halaman kipas Anda dengan mengklik gambar. Anda dapat mengatur berapa lama Widget / plugin harus menampilkan sebelum menghilang secara otomatis. Ini juga mencakup pilihan dekat.


Catatan Penting : 
Beberapa Template Tidak Mendukung PopUpBox Tutup Option.
Saya melihat beberapa blog yang menggunakan batas waktu 1000 & atas detik plz nggak menggunakan ini, karena Anda akan kehilangan traffic blog Anda, lebih baik menggunakan batas waktu: 10 atau 20 detik karena pengunjung tidak ingin menunggu!
 

Menambahkan Facebook LikeBox Popup Untuk Blogger :
Ini popup berisi likebutton sebagai gantinya

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

<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
 KNFBFansPRO='TempatBlogging'
//]]>
</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/TempatBlogging',
   closeable: true  });
 });
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->

Membuat perubahan-perubahan penting:


  • Ganti TempatBlogging dengan nama pengguna Facebook Anda.
  • Timer diatur ke 30 detik untuk mengubahnya cukup mengedit batas waktu: 30
  • Widget muncul segera setelah visiter eneters. Jika Anda ingin muncul setelah satu menit atau lebih kemudian mengedit menunggu: 0 
Anda dapat mengubah Background Colors oleh Editing CSS Kode

PERLU BANTUAN:
Langkah-langkah yang jelas diri dan bekerja lancar tanpa masalah apapun. Menambahkannya ke blog Anda untuk meningkatkan pengikut fan Facebook Anda dan mendorong lebih banyak lalu lintas dari jaringan media sosial ini raksasa dengan lebih dari 800 juta pengguna terdaftar. Jangan biarkan aku tahu jika Anda membutuhkan bantuan. Pals Peace! :)

Tidak ada komentar:

Posting Komentar

Copyright © Muhammad Ihsan Blog Urang-kurai