Facebook LikeBox JQuery Popup dengan Timer!

Bookmark and Share
Kami telah menerbitkan sejauh dua versi popup Jquery Facebook Likebox (Version1 | Version2) dan hari ini kita berbagi versi lain dengan pilihan lebih banyak kontrol. Ini termasuk counter waktu dan bukan likebox ini akan menampilkan sebuah tombol seperti yang link ke Fan Page Anda dan sebuah gambar menarik yang juga link ke halaman kipas Anda membiarkan pengunjung Anda untuk bergabung baik halaman kipas Anda dengan mengklik tombol seperti atau dengan hanya mengunjungi Anda penggemar halaman dengan mengklik gambar. Anda dapat mengatur untuk berapa lama widget / plugin harus menampilkan sebelum menghilang secara otomatis. Ini juga termasuk pilihan dekat. Anda juga dapat menentukan apakah Anda ingin segera ditampilkan segera setelah pengunjung memasuki situs atau setelah waktu yang ditentukan. Kode JavaScript untuk plugin ini diciptakan oleh kakiheboh disebut sebagai "LikeBox FB Fanpage Pro" dan kami hanya dimodifikasi kode untuk membuat empat latar belakang yang berbeda untuk likebox tersebut. Instalasi sangat mudah cukup ikuti langkah-langkah. Yang satu ini relatif lebih cepat dibandingkan dengan beban blogger widget sebelumnya facebook kami menerbitkan sejauh ini.

Tambahkan Facebook LikeBox Popup Untuk Blogger

This popup contains a likebutton instead
  1. Go To Blogger> Desain> Edit HTML
  2. Backup template anda 
  3. Paste kode berikut tepat di atas </ body>

<script type='text/javascript'>
//<![CDATA[
    KNFBFansPRO='Md-Share'
//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/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; /* hack for IE 6*/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:18px !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://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
    $(document).ready(function(){                       
        $().KNFBFansPRO({
           timeout: 30,
            wait: 0,
            url: 'http://www.facebook.com/likemd',
            closeable: true        });
    });
//]]>
</script>
<div id='fbtpdiv'/>

 Membuat perubahan-perubahan penting:

  • Ganti ini LikeMD dengan nama pengguna Facebook Anda. 
  • Timer diset untuk 30 detik untuk mengubahnya cukup mengedit timeout: 30 
  • Widget ini muncul segera setelah ada visitor. Jika Anda ingin untuk muncul setelah satu menit atau lebih kemudian edit wait: 0

    { 0 komentar... Views All / Send Comment! }

    Posting Komentar

    Powered By Blogger