Our amazing new site will launch in

2013/08/09

Cara Membuat PopUp Like Facebook

www.sofian555.blogspot.com
Cara Membuat PopUp Like Facebook
Cara Membuat PopUp Like FacebookToday we share another version with more control options. This includes time and instead likebox counter will display a button like the link to your Fan Page and interesting images that also link to your fan page allow your visitors to join your fan page either by clicking the like button or just by visiting your fan page by clicking image. You can set how long the widget / plugin must show before it disappears automatically. It also includes a close option.

Tutorial

  • Login blogger dashboard 
  • Go to Edit HTML
  • Paste the following code just above the </body>
<!-- sofian555.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
 KNFBFansPRO='Free Games Cheat Download Full Version'
//]]>
</script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:
9px;margin:0pt;padding:0pt;color:#900000;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 8*/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:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;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:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !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 type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
<script language='javascript'>
//<![CDATA[
 $(document).ready(function(){  
  $().KNFBFansPRO({
   timeout: 20,
   wait: 0,
   url: 'http://www.facebook.com/sofian555',
   closeable: true  });
 });
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- sofian555.blogspot.Com Likebox Pro FBFan Code End -->

  • Color "BLUE" change to your URL fanpage facebook 
  • Color "ORANGE" change to change with time as you
  • Color "PURPLE" change to your name fanpage facebook 

8 komentar:

  1. Malas pakai pop-up, kasian pengunjung terganggu sama itu. -_-

    tapi thanks bang tutornya.

    http://lintasgaul.blogspot.com

    BalasHapus
    Balasan
    1. @Rian dani: walau begitu kita bisa mempromosikan fanpage kita

      Hapus
  2. pop-up apaan tuh sob?
    :)

    #Ikubaru Blogzia

    BalasHapus
    Balasan
    1. @Ryano: Pop-up merupakan sebuah halaman website yang muncul secara otomatis saat kita membuka website yang kita buka. Pop-up sendiri biasanya berisi promo dari website tersebut atau iklan :)

      Hapus
  3. keren gan sayang gue gangerti.. mampir yak http://dayscoganpos.blogspot.com

    BalasHapus
    Balasan
    1. @wahid muhammad: wah bro masa gk ngerti? hehe.. bisa saja kamu ini sob :)

      Hapus
  4. Balasan
    1. @rina: wah trims sis :) tetap stay tuned di blog saya ya :)

      Hapus

Followers

Recent Posts

Social Buttons

Fanpage Facebook

eXTReMe Tracker