Membuat Fan Page Melayang Dengan Timer di Blog

Halaman Facebook Melayang Dengan Waktu di Blog ~ Dengan memasang fan page saudara di blog anda, bisa jadi fan page anda banyak yang suka atau Like sehingga hal ini baik untuk kemajuan fan page dan blog milik anda. Jadi untuk anda yang ingin memiliki banyak like fan page, anda bisa mencoba cara ini

Berbeda dengan fan page melayang yang sebelum-sebelumnya, fan page melayang kali ini memiliki tampilan pop up. Sehingga widget fan page ini akan terlihat kesan yang sedikit memaksa kepada pengunjung untuk melakukan like atau suka terhadap fan page saudara.

Namun anda bisa menentukan berapa lama fan page tersebut melayang di blog saudara, dan kapan fan page pop up tersebut muncul. Jadi jangan khawatir jika pengunjung anda kabur karena terlalu lama menunggu tampilan fan page melayang (pop up) ini.

Memasang Fan Page Facebook Melayang (Pop Up) dengan Timer di Blog

Seperti yang sudah saya katakan tadi, fan page melayang 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 memasang fan page melayang di blog yang berbeda dengan tutorial kali ini...Silahkan . . .

Baca: Membuat Fan Page Melayang di Blog

Jika anda tertarik dengan widget saya kali ini, tidak ada salahnya jika anda memasangnya di blog saudara. Untuk cara pemasanganya, silahkan ikuti panduan sederhana di bawah ini:

Login dengan akun blog anda
Pilih blog yang ingin anda edit
Masuk ke menu TEMPLATE--> Klik Edit HTML
Cari kode </body>
Kemudian simpan kode di bawah ini tepat di atas kode </bo

<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="smp2banjar",
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>

Klik simpan

Penjelasan Kode di Atas:

Ganti kode berwarna merah 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 biru 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 tentang fan page melayan disertai waktu di blog ini, semoga artikel yang saya buat ini bermanfaat bagi anda semua. Namun jika anda masih ingin membuat like box fan page di blog yang standa-standar saja, anda bisa mencoba membaca artikel saya yang satunya lagi . . .

Baca Juga: Cara Membuat dan Memasang Like Box Fan Page di Blog

Anda baru saja membaca artikel tentang - Membuat Fan Page Melayang Dengan Timer di Blog. Silahkan baca artikel berikutnya Tentang - - Jangan lupa g+1 / fb / twit :)