Breaking News
Loading...
Sunday, March 23, 2014

Cara pasang like facebook melayang pada blog

9:21 AM
Cara pasang like facebook melayang pada blog - Meskipun besar kecilnya Like Facebook pada blog tidak mempengaruhi SEO, akan tetapi Like Facebook merupakan salah satu indikator banyak tidaknya orang yang menyukai web anda. oleh karena itu muncullah ide-ide untuk memasang Like Facebook Melayang Pada Blog agar pengunjung mengetahui dimana dia harus pencet tombol like untuk Fans Page website tersebut.

Bagi anda yang belum mempunyai Facebook Fanspage silahkan dibikin dulu. baca tutorialnya berikut ini : "Cara Membuat Facebook Fanspage"

Berikut ini waroenkblog menyajikan Cara pasang like facebook melayang pada blog. agar lebih jelas silahkan lihat gambar demo dibawah ini :




Selanjutnya kita menuju ke cara memasang like facebook melayang pada blog. simak baik-baik langkah berikut ini :
  • Silahkan login ke dasbor blog terlebih dahulu.
  • Klik panah kebawah seperti pada gambar yang diberi kotak merah :

  • Pilih >> Layout
  • Kemudian akan muncul halaman seperti gambar berikut ini :


  • Pilih Add Gadget



  • Kemudian pilih HTML / Javascript
  • Kosongkan Kolom Judul
  • Kemudian masukkan Kode dibawah ini dan simpan.
<!-- 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 #1871ff;
  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%,  #00A3EF 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
  background-image: linear-gradient(to top, #FFFFFF 0%, #00A3EF 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: #1871ff;
    border-width: 15px;
    left: 10%;
    margin-left: -5px
    }
#fblikebox::after {
    border-top-color: #FFF; /* 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 Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:25px;
  text-align:center;
  color:white;
  border:2px solid #1871ff;
  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 --!>
<span style="font-family: &quot;Helvetica Neue&quot;,Arial,Helvetica,sans-serif;"><span style="font-size: small;"><span style="color: black;"><b>Tolong Bantu Kami Mendapatkan 10.000 Like</b></span></span></span>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Waroenk-Blog-Jasa-Bikin-Blog/502652399842110" 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:#3B78CD;float:right;  margin-right:35px; font-size:10px;" href="http://www.waroenkblog.com/2014/01/cara-pasang-like-facebook-melayang-pada.html">::Get This::</a>
    </div>
Keterangan Kode :
Ganti kode yang berwarna merah diatas dengan link facebook Fans Page anda.

Demikian penjelasan waroenkblog untuk Cara pasang like facebook melayang pada blog, semoga artikel ini dapat membantu.

Thank to Waroenk 

0 comments:

Post a Comment

 
Toggle Footer