CSS Popup Like Box Dengan Waktu

640 views

CSS Popup Like Box Dengan Waktu – Postingan Kali ini Blog idBeritaKu.com Akan Memberikan Informasi Terbaru Khusus Buat Sobat semua yakninya tentang CSS Popup Like Box Dengan Waktu, semoga bisa Bermanfaat ya Buat Sobat Semua. dan Selengkapnya Mari Kita Lihat dibawah ini

Untuk membuat like box facebook pada blog dengan format CSS sangat simple kita tinggal copy CSS dibawah dan paste diatas </body> pada edit html blog.

CSS ini mempunyai beberapa kelebihan, yaitu
1.  Lebih ringan
2.  Tampilan keren

berikut CSS nya


<script type=’text/javascript’>
//<![CDATA[
 KNFBFansPRO=’AkuTulis
//]]>
</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/AkuTulis‘,
   closeable: true  });
 });
//]]>
</script>
<div id=’fbtpdiv’></div>

Ganti tulisan warna biru dengan akun anda, angka 20 adalah waktunya.

Sumber

Oke Demikianlah informasi dari idBeritaKu.com. Semoga bermanfaat dan Beguna Hendaknya Buat anda semua pengunjung Blog Ini. dan Terima kasih kepada Sobat Semua yang telah membaca artikel CSS Popup Like Box Dengan Waktu