Cara Membuat Box Like Fanspage Melayang Keren Di Blog

DidikAriyana - Cara Membuat Box Like Fanpspage Melayang Keren Di Blog. Menggunakan Fanspage untuk mempromosikan sesuatu, baik itu barang jualan, jasa, blog/web sangat cocok menggunakan fanspage facebook ini, kita tahu sendiri Social media yang dibuat oleh mark zuckerberg ini penggunanya sangatlah banyak di dunia, maka dengan mempromosikan sesuatu melalui fanspage ini akan mendatangkan pelanggan ataupun traffik yang tinggi dan yang pasti tak semudah itu caranya, kita harus giat mempromosikan fanspage yang kita buat agar semakin banyak juga yang menyukai fanpage kita, dan yang pasti bila sudah banyak yang menyukai fanpage anda maka semakin banyak juga yang akan melihat berbagai post yang anda buat pada fanspage tersebut.

Nah maka ari itu disini saya mencoba membagikan sebuah tips sekaligus tutorial membuat Box like fansage facebook melayang di blog untuk mempromosikan fanspage anda melalui blog anda, dengan box like facebook ini muncul di hadapan pengunjung blog anda maka pengunjung juga akan menyukai fanspage anda karena isi dari blog anda yang mereka rasa membatu dirinya.

dengan fanspage ini, kita bisa mempromosikan barang-barang yang kita jual melalui media sosial atau bisa juga disebut online shop, dengan menfaatkan fasnpage ini maka hasil penjualan anda akan meningkat.

selain itu fanspage juga bisa digunakan untuk mempromosikan blog atau web anda, dengan mmpromosikan blog anda di fasnpage facebook maka jumlah trafik di blog anda juga pastinya akan meningkat. Tentunya sesuai dengan kualitas artikel yang anda buat pada blog anda.

dan masih banyak lagi manfaat penggunaan fanspage facebook ini, nah kembali ke intinya dibawah ini adalah tutorial Membuat Box Like Fanspage Melayang di blog dengan cara yang sangat mudah dilakukan dan praktis, jadi ikuti tutorial dibawah ini.

 Cara Membuat Box Like Fanspage Melayang Keren Di Blog

1. Masuk ke Blog anda kemudian masuk ke Tata Letak.

2. kemudian nantinya akan tampil tampilan dari Tata Letak blog anda,  klik tambahkan gadget pada tempat atau posisi yang anda inginkan untuk meletakan gadget ini. Misalnya saya akan menaruhnya di bagian Sidebar

3. Lalu scroll ke bawah dan pilih Java script/html

4. Kemudian Copy code dibawah ini dan paste ke bagian konten

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiow7dMM6-vknHe9_XxBrWaj9fC5GVL70BpECeWJHlMvkWsXT-UDDtW2HyQA-bEGJeSzXYil99_yweBcXhZ7ZtcdxKcXscHCfzsJmi2xjd1UYeZkeFtI7JUCfUKj5hmwk1XHaGAfRa-n0JL/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(1000).fadeIn('medium');
    $('#fanclose, #fan-exit').click(function(){
      $('#fanback').stop().fadeOut('medium');
    });
  }
  $.cookie('popup_facebook_like', 'yes', { path: '/', expires:0});
});
</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/287192678046658&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>

Keterangan : Ubah tulisan berwarna Merah dengan ID Fanpage anda, bila anda belum mengetahuinya anda bisa membacanya di Cara Mengetahui ID Fanpage di Facebook

5. jika sudah klik Simpan/Save untuk menyimpannya.
6. Selamat anda sudah berhasil memasang Box Like Fanspage Melayang Keren Di Blog

Sekian Dulu Cara Membuat Box Like Fanpspage Melayang Keren Di Blog dari saya.

Saya sangat Berterima Kasih jika Anda Meninggalkan Komentar :)

Terima Kasih yg sudah berkunjung di Blog Saya, jangan lupa Comment And Share ! :D
SUMBER : id-caramembuatblog