Cara Membuat Fanpage Facebook Melayang di Blog

Membuat Fanspage Facebook Melayang di halaman blog sangat mudah dilakukan...Dengan memasang fan page di blog sobat, tentu hal ini baik untuk kemajuan fan page dan blog sobat sendiri. Jadi untuk sobat yang ingin sekali memiliki banyak like fan page, sobat bisa mencoba cara ini

Berbeda dengan fan page melayang yang pernah ada,  fan page melayang ini memiliki tampilan pop up. Sehingga widget fan page facebook ini akan terkesan sedikit memaksa kepada pengunjung blog untuk melakukan like atau suka terhadap fan page saudara.

Namun sobat bisa menentukan berapa lama waktunya untuk fan page ini melayang di blog sobat, dan kapan fan page pop up tersebut muncul. Jadi jangan khawatir jika pengunjung sobat 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.

Jika sobat ingin memakai widget saya kali ini, maka sobat bisa mengikuti langkah langkahnya. Untuk cara pemasanganya, silahkan ikuti panduannya sebagai berikut :

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

<!-- ngeblog07.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: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, 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(&quot;jquery&quot;, &quot;1&quot;);</script>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

 kakinetworkdotcom01username="CungkriengBlog",

 kakinetworkdotcom01title="Jangan Lupa di Like Ya",

 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>

<!-- Cungkriengblog.blogspot.co.id Likebox Pro FBFan Code End -->

Note :

• Ganti tulisan warna biru dengan ID halaman atau ID fan page facebook yang sobat punya.
• Ganti  tulisan warna hijau "Jangan Lupa di Like Ya" dengan Judul deskripsi yang sobat mau.
• Kode berwarna merah merupakan kode yang menunjukan berapa lama widget pop up ini muncul, Ukuran waktu di tentukan dalam hitungan detik.
• Kode berwarna Orange merupakan kode untuk menentukan kapan widget ini akan mucul.
• Dan kode yang berwarna Ungu dapat Sobat ganti dengan kode bahasa.
• 01 adalah kode skin atau gambar. Sobat bisa menggantinya dengan (02, 03, 04). Untuk contoh skinnya bisa dilihat gambar di bawah ini:

Sobat juga bisa merubah kode True menjadi False jika sobat tidak ingin ada tombol close/tutup pada widget ini nantinya

Kode 01 

Kode 02

Kode 03

Kode 04

Ok, begitulah tutorial Cara Membuat Fanpage Facebook Melayang di Blog sangat mudah bukan?? saya harap dengan artikel ini, dapat membantu sobat.

saya ucapkan terimakasih sudah mampir diblog saya ini 

:cendol

Tweet