membuat tampilan like box facebook page

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.

Jika Anda sudah memiliki halaman facebook fanpage, langsung ikuti cara membuat like box fanpage melayang dengan waktu berikut :

1. Login akun blogger Anda. 
2. Pilih Template > Edit HTML > centang 'Expand Template Widget'. 

Untuk berjaga - jaga lebih baiknya backup dulu tempalte anda

1. 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: &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="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 BIRU ganti dengan URL halaman fanpage Anda.
   
   
   Pada tulisan yang berwarna merah silahkan ganti sesuai keinginan 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 :
   
   
   
   
   
   
   
   
2. Setelah selesai coba lihat di pratinjau, jika berhasil klik save

Selamat anda telah berhasil membuat widget like box facebook page

sekian dulu artikel dari saya tentang membuat tampilan like box facebook page, semoga bermanfaat.

Tweet