Hai Sobat Blogger kali ini saya akan share Cara Membuat Kotak Like FB Melayang Dengan Timer, kalau Sobat pernah membuat kotak facebook like melayang dengan versi tanpa timer ada baiknya mencoba trik yang berikut ini.Biar jelas coba Sobat lihat Screenshotnya dibawah ini :
Berikut ini adalah cara membuat Kotak Like FB melayang dengan timer :
1.Copy kode dibawah ini :
1.Copy kode dibawah ini :
<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[
username="www.suryacomunityseven.blogspot.com",
judulatas="LIKE THIS YOOO !!!",
warna="1",
waktuhabis="20",
tunggu="0",
bahasa="id"
//]]>
</script>
<script type="text/javascript" src="http://skin-fb-melayang.googlecode.com/files/fanspage_FB.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kenadehdotcom({ closeable: true });});
//]]>
</script>
2.Masuk ke Rancangan > > Elemen Laman > > Tambahkan Gadget
3.Pilih TEXT/HTML
4.Paste kode di atas
5.Simpan dan lihat hasilnya
Keterangan :
1.Untuk username silahkan isi sesuai dengan kotak like FB Sobat.
2.Untuk judulatas silahkan ganti dengan tulisan apa saja.
3.Untuk warna hanya ada 2 pilihan, kalian bisa menggantinya dengan angka 1 dan 2 saja, insya alloh lain waktu saya akan tambahkan dengan beberapa pilihan menarik lainnya.
4.Untuk waktuhabis bisa Sobat ganti dengan selera Sobat, contoh : 20,15, 10, 5 dan sebagainya.
5.Untuk tunggu biarkan saja dengan angka 0
6.Untuk bahasa bisa diganti en untuk bahasa inggris dan id untuk bahasa Indonesia.
Penting : Jangan mengganti
username
judulatas
warna
waktuhabis
tunggu
bahasa
karena jika Sobat ganti akan error, kalian tinggal mengganti tulisan yang berwarna merah saja.
username
judulatas
warna
waktuhabis
tunggu
bahasa
karena jika Sobat ganti akan error, kalian tinggal mengganti tulisan yang berwarna merah saja.
Terima kasih
wah mantap..
ReplyDeletebisa nambah ilmu ni.
di tunggu kunjungn balik ya :)
Keren nih sob
ReplyDeletehttp://ilhamshare301.blogspot.com/
berkunjung ya