Template information

Cara Mudah Membuat Popup Facebook Like Box Dengan Timer Di Blog

Kali ini Akram Berbagi akan share Cara Mudah Membuat Popup Facebook Like Box Dengan Timer Di Blog dan ini Berbeda dengan  widget like box facebook melayang karena like box fans page facebook popup dengan timer yang telah dirancang khusus dan dilengkapi dengan timer/waktu untuk menutup sendiri pada saat countdown timernya sudah habis serta dilengkapi dengan script atau fitur pembaca cookies pada browser sehingga membuat like box yang satu ini tidak akan muncul untuk kedua kalinya jika like atau suka pada box tersebut sudah di klik. dan contoh hasilnya sobat bisa lihat di bawah ini :

Klik Gambar untuk melihat lebih jelas

Jika sobat tertarik membuatnya silahkan ikuti langka langka berikut ini :


  • Langka pertama sobat Login ke Blogger
  • Lalu sobat klik Template --> Edit HTML --> Centang Expand Template Widget
  • Cari kode </body> atau kode <body> ( Tekan Ctrl F pada keyboard untuk pencarian cepat)
  • Lalu Copy kode di bawah ini dan sobat pastekan tepat di atas tag </body> atau di bisa juga di bawah tag <body> 

<!-- akramberbagi.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="akramberbagi",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://lostsector-project.googlecode.com/files/likebox-facebook-with-timer.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- akramberbagi.blogspot.com Likebox Pro FBFan Code End -->

 

Keterangan Kode :
  1. kode akramberbagi sobat ganti dengan username fans page facebook sobat
  2. kode Join us at Facebook! sobat bisa disesuaikan dengan keinginan sobat
  3. kakinetworkdotcom01time="15" : adalah waktu (seconds/detik) yang diperlukan sampai popupnya tertutup sendiri
  4. Skin ="01" : Sobat bisa Ganti dengan kode skin yang lain (01, 02, 03, 04). Contoh skinnya ada di bawah ini :

  • Terakhir sobat klik Simpan Template

Sekian dulu dari saya semoga artikel ini berguna bagi sobat semuah

6 Responses to "Cara Mudah Membuat Popup Facebook Like Box Dengan Timer Di Blog "