Cara Menciptakan Pops Up Fb Fans Like Dengan Timer

Cara Membuat pops up FB Fans Like Dengan Timer - Setelah kemarin saya memposting cara menciptakan 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 ialah jangan mengatur waktu yang usang untuk seting fans like facebook ini seumpama saja widget akan menghilang sesudah 1000 detik, nah bukannya anda menerima jempol malah visitor atau pengunjung blog akan kabur sebab pengunjung gak mau menunggu usang hehehe.. namun widget ini juga dilengkapi tombol close kok. Anda sanggup mengatur berapa usang 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 umum melayang

Anda juga sanggup memilih apakah Anda ingin menampilkan segera segera sesudah pengunjung memasuki situs atau sesudah jangka waktu tertentu. Kode JavaScript untuk plugin ini dimodifikasi aba-aba untuk menciptakan empat latar belakang yang berbeda untuk likebox tersebut. Instalasi sangat gampang ikuti langkah berikut. Dan yang terpenting ialah widget yang satu ini relatif lebih cepat dibanding widget facebook fans like pop up. Jika anda benar melakukannya maka akibatnya akan menyerupai dibawah ini:

Cara Membuat pops up FB Fans Like Disertai Timer

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

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

    
Catatan:

1. Ganti ini dengan nama pengguna Facebook Anda.
2. Ganti timer 20 menjadi berapapun yang anda inginkan widget ini ingin tampil sebelum menghilang secara otomatis
3. Ganti nilai 0 dengan nilai yang inginkan, timer ini mengatur kapan widget ini muncul, kalau anda mengganti angka menjadi 30 seumpamanya maka widget akan tampil sesudah pengunjung berada di blog anda selama 30 detik.
4. Anda sanggup mengubah Background Colors dengan Editing CSS Kode

Share this post