Selamat Datang di Website Resmi SMP Islam Al-Irsyad Gandrungmangu. Visi: Unggul dalam Prestasi, Tangguh dalam Iman dan Takwa Cara Membuat Kotak Like FB Melayang Dengan Timer ~ SMP AL-IRSYAD GANDRUNGMANGU

About

**** SELAMAT DATANG DI WEBSITE RESMI SMP ISLAM AL-IRSYAD GANDRUNGMANGU **** - http://smpalirsyadgandrungmangu-cilacap.blogspot.com -

text-align:center

Tuesday, February 26, 2013

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
 DEMO

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="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.

Terima kasih

2 comments:

  1. wah mantap..
    bisa nambah ilmu ni.
    di tunggu kunjungn balik ya :)

    ReplyDelete
  2. Keren nih sob
    http://ilhamshare301.blogspot.com/

    berkunjung ya

    ReplyDelete

Terima kasih atas kunjungan Anda, Silahkan tuliskan komentar Anda atas tulisan kami. Terus berikan kritik dan saran anda untuk terus memajukan SMP Islam Al-Irsyad Gandrungmangu Cilacap.

Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...