css

Kamis, 04 Oktober 2012

Kotak Like Biar Visitor Harus Like Dolo :p


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 :

<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="/USERNAME_FP",
judulatas="Sebelum Baca Artikel Baca, Like Dolo",
warna="1",
waktuhabis="20",
tunggu="0",
bahasa="id"

//]]>
</script>
<script type="text/javascript" src="http://savescript.tk/di/fanspage_FB.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().shadowc0dedotcom({ 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 username nya [caranya lihat url].

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 dan akan terus dilengkapi.


Penting : Jangan mengganti

username
judulatas
warna
waktuhabis
tunggu
bahasa

karena jika Sobat ganti akan error, kalian tinggal mengganti tulisan yang berwarna merah saja.

3 komentar:

Menerima segala masukan serta kritik yang menurut Anda perlu di Pertanyakan.
Team YC


Terimakasih

Please, Kalau ingin repost ke blog Anda Sertakan SUMBER !!