Selamat Malam kali ini saya membahas tutorial blogspot Cara Memasang FansPage Melayang dengan Timer kali ini berbeda karena di sertai dengan timer untuk menutup sendiri ketika countdownnya sudah habis. Serta dilengkapi dengan script yang dirancang khusus sehingga fan pagenya tidak akan muncul kepada pengunjung yang telah melakukan like sebelumnya.
Tapi tenang, bagi anda yang ingin Cara Memasang FansPage Melayang dengan Timer yang berbeda dengan tutorial kali ini silahkan simak baik baik ya :D
Langsung Saja
- Login dengan akun blog anda
- Pilih blog yang ingin anda edit
- Masuk ke menu TEMPLETE --> Klik Edit HTML
- Cari kode </body>Kemudian simpan kode di bawah ini tepat di atas kode </body>
<!-- amint85.blogspot.com Likebox Pro FBFan Code Start -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; 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; 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>google.load("jquery", "1");</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="JECOVOX1",
kakinetworkdotcom01title="Jangan Lupa Like Yah ^_^",
kakinetworkdotcom01skin="01",
kakinetworkdotcom01time="25",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://blognyailmu.googlecode.com/files/likeboxpopup.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- amint85.blogspot.com Likebox Pro FBFan Code End -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; 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; 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>google.load("jquery", "1");</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="JECOVOX1",
kakinetworkdotcom01title="Jangan Lupa Like Yah ^_^",
kakinetworkdotcom01skin="01",
kakinetworkdotcom01time="25",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://blognyailmu.googlecode.com/files/likeboxpopup.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- amint85.blogspot.com Likebox Pro FBFan Code End -->
Klik simpan
Penjelasan Kode di Atas:
- Ganti kode berwarna biru dengan ID halaman atau ID fan page facebook yang saudara miliki.
- Ganti juga tulisan "Jangan Lupa Like Yah ^_^" dengan header deskripsi yang anda inginkan.
- Kode berwarna merah adalah kode yang menunjukan berapa lama widget pop up ini muncul. Ukuran waktu dalam sekon atau detik yah . . .
- Kode hijau adalah kode untuk menentukan kapan widget ini akan mucul.
- Dan kode yang berwarna Ungu dapat kalian ganti dengan kode bahasa.
- Anda juga bisa mengganti kode True menjadi False jika tidak ingin ada tombol close/tutup pada widget ini nantinya
- 01 adalah kode skin atau gambar. Anda bisa menggantinya dengan (02, 03, 04). Untuk contoh skinnya bisa dilihat gambar di bawah ini:
Tampilan Skin 01
Tampilan Skin 02
Tampilan Skin 03
Tampilan Skin 04
Sekian tutorial Cara Memasang FansPage Melayang dengan Timer, semoga artikel yang saya buat ini bermanfaat bagi anda semua.