Cara Membuat Likebox Melayang Dengan Timer Blogger

Pernah melihat Likebox di blogger lain  dengan timer yang ditentukan.
Seperti Ini

Terkadang Blogger membuat usil dengan harus menunngu sampai 999 detik

Terbayang berapa lama .

Saya terkadang risih.

Tips dari saya jangan memperlama waktu agar FansPage kamu banyak.

Itu bisa membuat visitor menurun karena Widget anda yang sangat menyebalkan.

Sewajarnya saja seperti saya hanya 20 detik

Berikut adalah kode HTML widget Likebox timer

<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: 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: #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><script>google.load("jquery", "1");</script> <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <script type="text/javascript"> //<![CDATA[ 

 kakinetworkdotcom01username="Ganti dengan Username Fp anda",

  kakinetworkdotcom01title="Join us",

  kakinetworkdotcom01skin="02",

  kakinetworkdotcom01time="20",

  kakinetworkdotcom01wait="0",

  kakinetworkdotcom01lang="en"

 //]]>  </script> <script type="text/javascript" src="http://yourjavascript.com/32054191417/asasa.js"></script><script type="text/javascript">

   //<![CDATA[

  $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); 

   //]]>

  </script>

DAN INI SCRIPTNYA (UNTUK DICOPAS)


<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: 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: #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><script>google.load("jquery", "1");</script> <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <script type="text/javascript"> //<![CDATA[ kakinetworkdotcom01username="Ganti dengan Username Fp anda", kakinetworkdotcom01title="Join us", kakinetworkdotcom01skin="02", kakinetworkdotcom01time="20", kakinetworkdotcom01wait="0", kakinetworkdotcom01lang="en" //]]> </script> <script type="text/javascript" src="http://yourjavascript.com/32054191417/asasa.js"></script><script type="text/javascript"> //<![CDATA[ $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); //]]> </script>


Keterangan :  Warna biru = Ganti dengan Username FansPage anda
Warna Merah = Ganti dengan kata yang muncul di widget anda nanti
Warna Oranye = Ganti dengn Waktu sesuai keinginan

Cara menggunakan

1.Log in Blogger
2.Klik Tata Letak
3.Klik Tambah Gadget Baru
4. Judul kosongkan saja paste di Kotak kolom besar

5.Klik simpan

6.Klik Simpan Perubahan 

7.Lihat blog anda

Share on Facebook Share on Twitter Share on Google Plus

About dian

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.