6 Cara Membuat Facebook Like Box Melayang di Blog dengan Waktu menunggu

Membuat kotak like facebook yang melayang atau floating di blog saat seorang pertama kali mengunjungi atau meload halaman, merupakan salah satu cara meningkatkan interaksi di blog. Tidak dipungkiri lagi bahwa optimasi blog menbutuhkan dukungan sosial media.

Oleh karena itu kami memberikan tutorial memasang Facebook Like Box yang melayang (floating) yang akan tampil setiap kali halaman blog anda di load. Like box ini akan terus saja tampil setiap kali pengunjung blog anda me-load atau membukan halaman baru di blog anda sampai ia melakukan LIKE pada bos tersebut. Berikut ini tutorialnya, semoga bermanfaat ;)

Penampilannya kayak ini;

Tampilan Facebook Like Box yang melayang saat loading blog

Berikut Cara Membuat Facebook Like Box Melayang di Blog;

1. Login ke Blog anda.
2. Masuk ke Tata Letak > > Tambahkan Gadget > > Pilih HTML/JavaScript
3. Copy kode di bawah ini, lalu paste ke HTML/JavaScript blog anda.

<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 src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
username="kataucheng",
judulatas="Jangan lupa LIKE Fans Page kami :d",
warna="1",
waktuhabis="20",
tunggu="0",
bahasa="id"
//]]></script>
<script src="http://urusan-umum.googlecode.com/files/like-box-fb.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[$(document).ready(function(){$().kenadehdotcom({ closeable: true });});//]]></script>

Keterangan:

Username = Isi dengan username Fanspage facebook sobat.
Misalnya: http://www.facebook.com/kataucheng ... Nah, yang diambil "kataucheng" saja.

Judulatas = silahkan ganti dengan tulisan apa saja yang sobat inginkan.

Warna = hanya ada 2 pilihan, kalian bisa menggantinya dengan angka 1 dan 2 saja.

Waktuhabis = bisa Sobat ganti dengan selera Sobat, contoh : 20,15, 10, 5 dan sebagainya.

Tunggu = biarkan saja tetap angka 0

Komentar →