-->

Situs Multi Pengetahuan Meliputi Pendidikan, Informasi Teknologi, Tutorial, Serta Pengetahuan Penting Lainya

Membuat Like Box Facebook Melayang Dengan Timer

Membut Pop Up like Box pada blog memang tidak banyak para blogger-blogger menggunakan script ini, karena tidak semua blogger mempunyai fans page facebook. Sama halnya seperti blog multi ajaib ini, yang tidak mempunyai fans page.

Apabila anda mempunyai fans page yang masih baru dan belum mempunyai banyak like atau fans, anda bisa memasangnya diblog anda dengan sistem pop up. Maksudnya, jika ada orang yang masuk blog anda, maka pop up tersebut akan muncul dan pengunjung akan berpikir untuk menyukai fanspage anda tadi.

Cara Memasang Like melayang

Mungkin bagi anda yang memasang like Box seperti gambar diatas, anda bisa mengikuti langkah-langkah yang saya bagikan dibawah ini
  1. Login www.blogger.com
  2. Pilih menu Tata Letak
  3. Langsung tambahkan Html/JavaScript
  4. Silahkan masukkan kode dibawah ini
<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="multiajaib",
  kakinetworkdotcom01title="Join us at Facebook!",
  kakinetworkdotcom01skin="02",
  kakinetworkdotcom01time="60",
  kakinetworkdotcom01wait="0",
  kakinetworkdotcom01lang="en"
 //]]>  </script> <script type="text/javascript" src="http://yourjavascript.com/32054191417/asasa.js"></script><script type="text/javascript">
   //<![CDATA[
  $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
   //]]>
  </script>
 Keterangan:
  • multiajaib : silahkan ganti dengan user ID fanspage facebook anda
  • 60             : Waktu mundur, sampai pop up hilang
Langkah terakhir silahkan simpan. Setelah itu coba anda lihat pada halaman blog anda, apakah sudah berhasil. Jika sudah berhasil saya ucapkan selamat.

Bagi anda yang belum tahu bagaimana cara mendapatkan kode Like Facebooknya, bisa lihat tutorial saya Cara mendapatkan kode Like Box facebook.

Demikianlah tutorial saya tentang Cara membuat like box melayang dengan timer pada blog semoga tutorial ini dapat dimengerti dengan mudah. 

Previous
Next Post »

4 komentar

Ace Maxs delete March 28, 2015 at 9:52 AM

mantab.. terimakasih banyak buat script tutorialnya...

http://bit.do/2SXk

Sigit Pratamah delete September 23, 2015 at 5:04 PM

Gambar Fanspage nya gak muncul nya ?

Reza Maker delete May 8, 2016 at 9:41 AM

Cara membuat ?widget pengunjung gimana

Munawir Alfikri delete May 9, 2016 at 8:42 AM

Statistik Pengunjung ya maksudnya mas?

Apa tanggapan anda tentang artikel diatas?

 

Contact Form

Name

Email *

Message *