Cara memasang facebook like box pop up di blog

 Cara memasang facebook  like box pop up. Halo sobat blogger semua, malam ini mau tidur belum ngantuk juga nih, akhirnya ke pikiran mau bikin post tentang cara memasang facebook like box di blog secara pop up, Ya secara pop up yaitu yaitu akan muncul like box halaman facebook jika kita membuka sebuah blog atau web site yang sudah memasang nya istilah nya sebelum membuka blog tersebut di minta untuk like fanpage nya dahulu, tapi masi bisa di close kalau kita tidak mau nge-like juga.


Tujuan pemasangan facebook like box pop up yaitu ingin menambah  jumlah like fanpage si yang empunya blog tersebut atau ingin menunjukan bahwa blog tersebut juga mempunyai fanpage di facebook dan supaya si pengunjung blog nge-like nya, yah itung-itung menambah silaturahmi sih .


Ok kita lanjutkan ke cara pemasangan  nya yaitu:
1.Masuk ke akun blogger sobat seperti biasa.
2.Pilih Tata Letak.
3. Pilih Tambah gadget (Terserah mau dimana biasanya di sidebar).
4 .Tambah kan javascript/HTML
5. Copy kode script dibawah ini ya gan untuk di masukan ke widget tadi

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
#fanback {
  display:none;
  background:rgba(0,0,0,0.8);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
}
#fan-exit {
  width:100%;
  height:100%;
}
#fanbox {
  background:white;
  width:420px;
  height:270px;
  position:absolute;
  top:58%;
  left:63%;
  margin:-220px 0 0 -375px;
  -webkit-box-shadow: inset 0 0 50px 0 #939393;
  -moz-box-shadow: inset 0 0 50px 0 #939393;
  box-shadow: inset 0 0 50px 0 #939393;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -220px 0 0 -375px;
}
#fanclose {
  float:right;
  cursor:pointer;
  background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
  height:15px;
  padding:20px;
  position:relative;
  padding-right:40px;
  margin-top:-20px;
  margin-right:-22px;
}
.remove-borda {
  height:1px;
  width:366px;
  margin:0 auto;
  background:#F3F3F3;
  margin-top:16px;
  position:relative;
  margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
  color:#80808B;
  font-size:10px;
  margin: 0 auto 5px auto;
  float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
  // key and at least value given, set cookie...
  if (arguments.length > 1 && String(value) !== "[object Object]") {
    options = jQuery.extend({}, options);
    if (value === null || value === undefined) {
      options.expires = -1;
    }
    if (typeof options.expires === 'number') {
      var days = options.expires, t = options.expires = new Date();
      t.setDate(t.getDate() + days);
    }
    value = String(value);
    return (document.cookie = [
      encodeURIComponent(key), '=',
      options.raw ? value : encodeURIComponent(value),
      options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
      options.path ? '; path=' + options.path : '',
      options.domain ? '; domain=' + options.domain : '',
      options.secure ? '; secure' : ''
    ].join(''));
  }
  // key and possibly options given, get cookie...
  options = value || {};
  var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
  return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
  if($.cookie('popup_facebook_like') != 'yes'){
    $('#fanback').delay(5000).fadeIn('medium');
    $('#fanclose, #fan-exit').click(function(){
      $('#fanback').stop().fadeOut('medium');
    });
  }
  $.cookie('popup_facebook_like', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
  <div id='fan-exit'></div>
  <div id='fanbox'>
    <div id='fanclose'></div>
    <div class='remove-borda'></div>
    <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Uhendrayana-Blogs&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
  </div>
</div>

6.Ganti tulisan yang berwarna merah dengan ID Fanpage sobat yang warna merah  ini Uhendrayana-Blogs  

7. Untuk menggan ukuran tinggi dan lebar nya sobat bisa ganti ukuran yang berwana BIRU Seperti 300px atau 250px atur saja sesuai keinginan sobat.

8.Secara bawaan widget akan muncul setelah 5detik halaman web terbuka,untuk mengatur waktu munculan bisa di atur dengan merubah kode ini

$('#fanback').delay(5000).fadeIn('medium');
catatan 5000 untuk 5 detik,atau 10000 untuk 10detik atur sesuai keinginan

9.Untuk cokie pengunjung secara default berlaku selama 7 hari bagi pengunjung yang sama, jika setelah 7 hari maka pengunjung yang sama akan melihat popup munculan lagi, cari dan ubah lah kode di widget nya yang seperti dibawah ini ganti dengan jumlah hari sesuai keinginan sobat silahkan ganti angka 7 nya yang berwarna merah.

$.cookie('popup_facebook_like', 'yes', { path: '/', expires: 7 });
10.setelah di atur lalu simpan dan lihat hasil nya

Nah para sobat blogger  demikian artikel kali ini tentang cara memasang face book like box pop up di blog.
Semoga dapat membantu dan bermanfaat
wasalam.. 

Subscribe to receive free email updates:

0 Response to "Cara memasang facebook like box pop up di blog"

Post a Comment

Terimakasih telah berkunjung,Berkomentarlah dengan sesuai topik dilarang berkomentar dengan tidak sopan, tidak senonoh ,pornografi dan Sara,menyertakan link aktif akan otomatis terhapus