Membuat Like Box Facebook Melayang/Popup dengan Timer, sesuatu ya. cara membuat like box melayang dengan timer.
Langsung saja ke TKP (Tempat Kejadian Perkara) Hehe kalo gak tau apa yang mau dilakuin selanjutnya pergi ke OVJ :D
Oke langsung ketkp, Ikuti Langkah-langkah berikut ini;
- Login ke akun blogspot anda.
- Pilih Tata/letak seperti biasanya, ataupun untuk menambahkan kode widget HTML biasa ke blog
- Setelah itu tambahkan pilih HTML/Javascript
Lalu masukkan
kode berikut ini tepat ke blog sobat di edit/html tadi. cukup mudah kok. tinggal copy paste 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[
kakinetworkdotcom01username="
BoyBatakIDBlogwalker",
kakinetworkdotcom01title="
Join Us at Facebook !!",
kakinetworkdotcom01skin="02",
kakinetworkdotcom01time="
20",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]> </script> <script type="text/javascript" src="http://yourjavascript.com/75328013242/scriptboy.js"></script><script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable:
false });});
//]]>
</script>
Keterangan Untuk Edit Sendiri.- EditIDFacebook = Ganti dengan Kode IDFACEBOOK milik kamu sendirinya. Contohnya Diatas; BoyBatakIDBlogwalker
- Join Us at Facebook = Kata kata seruan untuk pengunjung agar fanspage anda di like sedemikian rupa cantiknya.
- 15 (detik/s) = Lama waktu timer menunggu untuk tertutup/close dari like box facebook.
- False or True = Ini kode permintaan untuk mendisablekan navigasi close pada like box
Setelah Itu Klik Simpan Template. / Simpan Javascript/Html. Selesai.
Demikian Artikel Mengenai Cara Membuat Kotak Like Facebook Melayang.
Semoga Bermanfaat.
No comments:
Post a Comment
Silakan Berikan Masukan Yang Positif ya