Home » » Cara Membuat Kotak Like FB Melayang Dengan Timer

Cara Membuat Kotak Like FB Melayang Dengan Timer


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 :
Kotak FB melayang dengan timer

Berikut ini adalah cara membuat Kotak Like FB melayang dengan timer :

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: #fff;
z-index: 100;
}#fblikepop # {
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="loker.chiberjobs",
judulatas="Like Dulu Dong",
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.Paste kode di atas
4.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.
NB: Terima kasih atas kunjungan Sobat, silahkan tinggalkan komentar sebagai partisipasi Sobat kepada saya.
Share this article :
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Teras Mimpi - Erek Erek dalam Buku Mimpi Lengkap dengan Abjad Bergambar Dan Kode Alam - All Rights Reserved
Responsive by Mas Yadi Template Created by Creating Website
Proudly powered by Blogger