Cara Membuat Like Box FanPage Melayang di Blog dengan Timer

Eko Rudianto Blog's - 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'. 
3. Kemudian cari kode </body> dan letakkan kode dibawah ini tepat diatas </body>
   <!-- ekorudianta.blogspot.com Likebox Pro FBFan Code Start -->
   <style>
   #fblikepop{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:0; padding:0; color:#333333; text-align:left; font-family:arial,sans-serif; font-size:13px}
   #fblikepop body { none repeat scroll 0%; line-height:1; margin:0; height:100%; }
   .fbflush { cursor:pointer; font-size:11px !important;  !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;  !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 type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
   <script type="text/javascript">
   //<![CDATA[
   username="TelukKiluanCity",
   judulatas="Join us at Facebook!",
   warna="1",
   waktuhabis="90",
   tunggu="0",
   bahasa="in"
   //]]>
   </script>
   <script type="text/javascript" src="https://googledrive.com/host/0B08XK_htb3Fafk5yQ3BwSF9YS0lUZlJQV3ZxMUw1dW1BQXFwa2ZyY1RSNVJ0RjFOSmxHREU/fanspagelikebox.js"></script>
   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){$().kenadehdotcom({ closeable: true });});
   //]]>
   </script>
   <!-- ekorudianta.blogspot.com Likebox Pro FBFan Code End --> 

    
   Keterangan :
   
   
4. Pada tulisan yang berwarna kuning ganti dengan URL halaman fanpage Anda. Join us at Facebook! Silahkan ganti sesuai keinginan. 90 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 :
   
5. Setelah selesai klik 'Save template'. 

Sekian posting dari saya tentang Cara Membuat Like Box FanPage Melayang di Blog dengan Timer. Mohon Maaf bila ada kesalahan kata, Selamat Mencoba dan Semoga postingan in dapat Bermanfaat bagi anda dan kita semua.

Share

Like

G+

Tweet

Tweet