Cara pasang like facebook melayang pada blog

Selamat datang di halaman artikel berjudul Cara pasang like facebook melayang pada blog dengan Label: Blogger Widgets, Facebook Plugin artikel ini di rangkum dari berbagai sumber yang ada di internet , mudah-mudahan bisa menambah informasi bagi pembaca semua . Kita tidak menjamin ke akurasian isi artikel ini , jangan di jadikan satu satunya acuan untuk mempraktekanya . terimakasih dan selamat membaca .

PASANG IKLAN 1

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://adsenbook.blogspot.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.

Terimakasih telah membaca artikel berjudul Cara pasang like facebook melayang pada blog Mudah-mudahan apa yang telah di sampaikan dalam artikel ini bisa bermanfaat untuk anda , jika anda suka dengan artikel ini silahkan sampaikan pada teman . Jika kurang berkenan silahkan sampaikan pada admin dengan cara memberi komentar di kolom yang telah di sediakan .