Cara Membuat Kotak Like FB Melayang Dengan Timer

Cara Membuat Kotak Like FB Melayang Dengan Timer - Sobat kiat-cara.com, sebuah klik LIKE sangat berarti untuk menarik jumlah pembaca blog kita, salah satu yang tidak asing lagi bagi kita adalah Facebook Fans page. Dimana para penggemar akan mendapatkan pemberitahuan ketika kita update status fanspage kita.

Kali ini kita akan membahas tutorial cara membuat kotak Like Facebook popup dengan timer berikut tutorial nya ;

1. login dan pilih menu Tata Letak.
2. Tambah Widget atau gadget, dan pilih HTML/Javascript.
3. Copas kode berikut :

<style>#fblikepop {
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 {
none repeat scroll 0%;
line-height: 1;
margin: 0pt;
height: 100%;
}

.fbflush {
cursor: pointer;
font-size: 11px !important;
!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;
!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[
username="sibarasok",
judulatas="Follow This Site",
warna="1",
waktuhabis="10",
tunggu="0",
bahasa="id"
//]]>
</script>
<script type="text/javascript" src="http://kiatcara.googlecode.com/files/FB_fansbox.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kiatcaradotcom({ closeable: true });});
//]]>
</script>

4. Silahkan ganti tulisan berwarna biru :

Username ganti dengan username fanspage misalnya alamat fanspage kita http://www.facebook.com/sibarasok, maka cukup tuliskan sibarasok saja.
Untuk Judul, warna, waktu habis dan tunggu bisa bereksperimen.

semoga bermanfaat.