Banyak cara yang bisa dilakukan untuk membuat tampilan like box facebook page, salah satunya yaitu dengan membuat like box fanpage melayang dengan waktu. Like box fanpage melayang yang akan kita bahas nanti dilengkapi timer/waktu untuk menutup sendiri ketika countdown timer-nya sudah habis.
Sebelum Anda memasang like box fanpage, pastikan Anda sudah memiliki halaman facebook fanpage, kalau belum lihat caranya
disini!
Jika Anda sudah memiliki halaman facebook fanpage, langsung ikuti cara membuat like box fanpage melayang dengan waktu berikut :
- Login akun blogger Anda.
- Pilih Template > Edit HTML > centang 'Expand Template Widget'.
- Kemudian cari kode </body> dan letakkan kode dibawah ini tepat diatas </body>
<!-- blogatap.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="pages/blogatap/121738271193251",
kakinetworkdotcom01title="Join us at Facebook!",
kakinetworkdotcom01skin="01",
kakinetworkdotcom01time="15",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://blogatap.googlecode.com/files/likebox-facebook-timer.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- blogatap.blogspot.com Likebox Pro FBFan Code End -->
Keterangan :
Pada tulisan yang berwarna kuning ganti dengan URL halaman fanpage Anda.
Join us at Facebook! Silahkan ganti sesuai keinginan.
15 adalah waktu yang diperlukan sampai fanpage tertutup sendiri.
closeable: true berarti Anda menyertakan tombol close pada fanpage, jika tidak ingin menampilkannya silahkan ganti dengan false.
01 menandakan kode skin/tampilan fanpage bisa Anda ganti dengan (01, 02, 03, 04) untuk contoh tampilannya bisa Anda lihat seperti dibawah ini :
- Setelah selesai klik 'Save template'.
Nah, tidak sulitkan cara membuat like box fanpage melayang dengan waktu, kalau Anda masih merasa kesulitan silahkan hubungi kami melalui
contac.
