Pages

Sabtu, 02 Februari 2013

Cara Membuat Popup Likebox Facebook Menggunakan Waktu


Cara Membuat Likebox Facebook Menggunakan Waktu Pada BlogMungkin di antara kita ada yang ingin memasang like facebook yang muncul ketika ada sobat yang buka artikel kita,terus dengan di akhiri oleh waktu yang telah kita tentukan oleh kita sendiri.Saat ini saya akan memberikan Cara Membuat Likebox Facebook Menggunakan Waktu Pada Blog.,caranya cukup gampang,ikuti saja langkah-langkahnya yang ada di bawah ini;


Berikut Cara Membuat Popup Likebox Facebook Menggunakan Waktu Pada Blog;


  1. Masuk ke akun sobat.
  2. Buka menu template.
  3. Edit template,jangan lupa backup dulu templatenya sebelum di edit.
  4. Berikutnya centang expand widget template,cari kode </body>
  5. Copy kode di bawah ini,kemudian letakan kode tersebut tepat di atas kode </body>
  6. Lihat pratinjaunya dulu,jika berhasil klik save.


<!-- harysukasuka.blogspot.com Likebox Facebook 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="HarySukaSuka",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="5",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://like-facebook.googlecode.com/files/like%20facebook.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- harysukasuka.blogspot.com Likebox Facebook Code End -->
NB;
Ganti tulisan berwarna hijau,dengan username facebook sobat .
Ganti tulisan yang warna biru sesuai keinginan sobat,terserah.
Gani angka yang berwarna merah sesuai dengan lama nya waktu yang sobat inginkan.
Selesai.

Bagaimana,siap memasang likebox facebook seperti ini?.
Jika ia,selamat mencoba,semoga berhasil..