Cara Memasang Tombol Like Fanspage Melayang di Blog



ALFA ARTS - Cara Memasang Tombol Like Fanspage Melayang di Blog Salah satu cara mendapatkan like di fp (fanspage) kita adalah mempromosikanya di blog, namun jika kita memasangnya sebagai widget di sidebar sering kali diabaikan oleh para pengungjung, jadi solusinya adalah dengan memasangnya sebagai pop up, atau melayang di blog. ini berguna jika pengunjung datang maka diharuskan memencet tombol like, atau menunggu beberapa detik.

Nah hal seperti ini seudah diterapkan di banyak blog, bahkan ada yang sampai mengaruskan menunggu hingga 10 menit atau mengklik tombol like, walau itu kurang baik untuk kecepatan loading blog. Nah bagi sobat yang menginginkanya langsung simak tutorial berikut ini.

Cara Memasang Tombol Like Fanspage Melayang di Blog
Like Box Popup pada Blog

Cara Memasang Tombol Like Fanspage Melayang di Blog

  • Masuk ke Blogger
  • Pilih Template > Edit Html
  • Copy kode dibawah ini dan pastekan tepat diatas kode </body>.
 <!-- alfarts.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="alfarts",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://yourjavascript.com/23312113212/www.lost-sector.net-popup-likebox-fb.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- alfarts.com Likebox Facebook Code End -->
 
  • Klik simpan,
  • dan untuk mengaturnya sobat bisa melihat panduan dibawah ini.

Panduan :

  • alfarts
    Silahkan sobat ganti dengan username fanspage sobat.
    untuk mendapatkan username fanspage bisa masuk ke fanspage sobat lalu pilih Tentang > Nama Pengguna.
  • Join us at Facebook
    Bisa sobat ganti dengan judul yang ingin diberikan.
  • 15
    Ganti dengan waktu yang sobat inginkan sebelum pop up menutup dengan sendirinya, satuanya dalam detik.
  • 01
    Bisa sobat ganti dengan skin yang di inginkan, untuk daftar skinya bisa dilihat pada gambar dibawa ini.

SKIN "01"
Cara Membuat Facebook Like Box Popup Dengan Timer Pada Blog

SKIN "02"

Cara Membuat Facebook Like Box Popup Dengan Timer Pada Blog

 SKIN "03"

Cara Membuat Facebook Like Box Popup Dengan Timer Pada Blog

SKIN "04"

Cara Membuat Facebook Like Box Popup Dengan Timer Pada Blog


Nah itulah tutorial cara memasang tombol like box dengan timer mundur dan tombol close melayang di blog, semoga dapat membantu sobat dalam mencari like di fanspage sobat dan menambah jumlah visitor blog sobat tentunya. Terimakasih sudah berkunjung