Selamat datang di Blog Haekal Fikri

Cara Mudah Membuat Popup Facebook Like Box Dengan Timer Di Blog

Written By Haekal Fikri On Tuesday, January 15, 20133comments

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
PASANG IKLAN
Share this article :

+ comments + 3 comments

May 2, 2013 at 10:37 PM

maaf buat admin klau share edit blog tuu klau gak boleh di copy , trus kita ketik sendiri gitu...
lebih baik gak sah share klau g boleh di copy tanks

May 4, 2013 at 8:41 AM

Yang Enggak Lah,Kalau Script Bloh Di Copy Masa Luh Ngggak Tau Sih! :(

Hal-Hal Yang Yang Perlu Di Ketahui Sebelum Berkomentar!

1. Jangan Menggunakan Link Hidup Kecuali Penting
2..Komentar Yang Relevan Akan Saya Balas
3.Untuk Menggunakan Emoticon Klik Emoticon Terlebih Dahulu Untuk Mendapatkan Kode

Note:Komentar Anda Terlebih Dahulu Di Moderasi Untuk Tidak Terjadi Pelanggaran !
 
About | Ads | Sitemap | Privacy Policy | Term Of Service | Forum | Follow ! | Back to top
Copyright © 2018 HF Blog - Some Right Reserved | Design by Haekal Fikri | Created by Maskolis | Aa Sholah
Terima Kasih Atas Kunjungannya
Cara Mudah Membuat Popup Facebook Like Box Dengan Timer Di Blog Oops ! | Error 404