Home » » Cara Membuat Widget Like Fans Page Dengan Timer Melayang Di Blog

Cara Membuat Widget Like Fans Page Dengan Timer Melayang Di Blog

Posted by Akatsuki Posted on 7:28 PM with 1 comment

 

Ingin tau cara menampilkan Like Fans Page melayang dengan timer otomatis di Blog anda? Agar banyak pengunjung menyukai Fans Page anda?
Caranya mudah dan pasti berhasil jika anda mengikuti langkah-langkah berikut dengan seksama! Seperti contoh diatas adalah contoh Like Fans Box di Blog saya disaat pertama kali membuatnya.
Berikut cara-caranya !!

  1. Masuk ke Akun Blog Anda
  2. Masuk ke Template lalu Pilih Edit HTML
  3. Tekan CTRL + F di Keyboard untuk mempermudah pencarian
  4. Masukan kata </body> di kolom Find lalu Klik Next
  5. Setelah ketemu Paste-kan Script dibawah ini tepat diatas kata </body> 
Select All dan Copy Script dibawah ini !!


<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>
  <b:include data='blog' name='google-analytics'/>
<style>#fblikepop {    background-color: #fff;
    display: none;
    position: fixed;
    top: 200px;
    _position: absolute;
 /* hack for IE 6*/
    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;
 /* hack for IE 6*/
    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;
    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><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[
 kakinetworkdotcom01username="pages/Fighting-Fear-InCorporation/326954784064365",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="60",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="http://likebox-facebook.googlecode.com/files/FansBoxWithTimer.js.htm"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script> 

  • Ganti Script pages/Fighting-Fear-InCorporation/326954784064365 dengan username setelah https://www.facebook.com/ Fans Page anda!! Contoh alamat Halaman Fans Page anda adalah https://www.facebook.com/pages/Fighting-Fear-InCorporation/326954784064365 jadi username anda adalah 
    pages/Fighting-Fear-InCorporation/326954784064365. Ganti script diatas dengan username anda!
  • Ganti Script Join us at Facebook! dengan kata sesuka anda sebagai Title Like Box anda!
  • Script 01 adalah Skin/tampilan default Like Box tersebut, ada 4 skin yang tersedia yaitu 01-04 dan pilih mana yang paling anda suka!
  • Script 60 diatas adalah Waktu tunggu otomatis Close Like Box tersebut, ganti sesuai keinginan anda (Saran saya jangan terlalu lama menampilkan Like Box-nya usahakan tidak lebih dari 30 detik karena pengunjung yang sudah menyukai Halaman anda harus menunggu Like Box tersebut Close dengan sendirinya)
  • Script 0 diatas adalah waktu tunggu otomatis Close ketika pengunjung sudah menekan Tombol LIKE di Like box tersebut.(Saran saya biarkan script tersebut tetap di angka 0 agar Like Box langsung Close ketika Pengunjung sudah menekan tombol LIKE di Like Box anda)
  • Jika Ingin Tidak Bisa Di Close, Ganti True Menjadi False


Klik tombol Pratinjau untuk melihat hasilnya, setelah Like Box benar-benar muncul di blog, klik tombol Simpan Template.
Selesai..

Jika ada yang belum jelas dengan langkah-langkah diatas, silahkan berkomentar atau dapat langsung menghubungi saya lewat Facebook.
Terima Kasih
Label:

1 komentar: