Cara Membuat Like Box Melayang Diblogger

         Selamat malam sahabat blogger Anda bingung tentang cara membuat fanspage like box melayang sekarang saya akan memberitahu tentang bagaimana membuat fanspage like box melayang, caranya mudah kok, tidak ada 5 menit juga bakal jadi fanspage like boxnya. Tidak usah basa basi lagi sekarang dikta akan langsung keTKP saja.

screnshoot

ini dia cara membuat fanspage like box melayang

Sebelumnya like dulu ya Share Ilmu It  heheheh

• Dashbord > Tata letak > Gadget
• Pilih saja  HTML Java Script
• Masukkan script dibawah ini 

 <!-- floating FB like box DP12 -->
<style type='text/css'>
#fblikebox {
  overflow:display;
  position:fixed !important;
  bottom:-1000px;
  left:50%;
  width:300px;
  height:auto;
  margin:0 0 0 -182px;
  padding:16px;
  border:4px solid #676767;
  border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;
  font:normal normal 13px Cambria,Georgia,Serif;
  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%,  #667a83 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #667a83 100%);
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #667a83 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #667a83));
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #667a83 100%);
  background-image: linear-gradient(to top, #FFFFFF 0%, #667a83 100%);
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
}
#fblikebox::after, #fblikebox::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
    }
#fblikebox::before {
    border-top-color: #5a5a5a;
    border-width: 15px;
    left: 10%;
    margin-left: -5px
    }
#fblikebox::after {
    border-top-color: #767676; /* Samakan dengan warna background */
    border-width: 9px;
    left: 10%;
    margin-left: 1px
    }
#fblikebox a.close {
  position:absolute;
  top:-10px;
  right:-10px;
  background-color:#333;
  font:normal bold 16px Tahoma,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:25px;
  text-align:center;
  color:white;
  border:2px solid #575757;
  border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
  cursor:pointer;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(window).bind("load", function() {
    // animasikan nilai top saat halaman telah selesai dimuat
    $('#fblikebox').animate({bottom:"100px"}, 1000);
    // hilangkan kotak pesan saat tombol (x) diklik
    $('a.close').click(function() {
        $(this).parent().fadeOut();
        return false;
    });
});
//]]>
</script>
<div id='fblikebox'>
<!-- likebox start --!>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Tarmuji/671198989575741" data-width="290" data-height="182" data-show-faces="true" data-stream="false" data-header="false"></div>
<!-- likebox end --!>
<a class='close' href='#'>&times;</a><a style=" font-size:10px; color:#575757;float:right;  margin-right:35px; font-size:10px;" href="http://tarmujirauf27.blogspot.com/">::TARMUJI::</a>
    </div>

• Ganti warna MERAH dengan URL Fanspage anda
• Ganti warna BIRU dengan Blogger anda
• Ganti warna HIJAU dengan Kata yang anda suka

 Setelah selesai langkah di atas anda juga harus memasukkan kode yang di bawah ini seperti langkah yang di atas

 <div id='fb-root'></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Nah itulah bagaimana cara membuat fanspage like box melayang,  gampang kan teman, kenapa harus lagi untuk mempercantik dan bisa juga memamerkan postingan anda di fanspage anda. Sekian dulu dari saya semoga bermanfaat dan membantu anda sekalian.

SELAMAT MENCOBA....:D