Facebook Like Box Show Hide - Facebook like box biasanya dipasang untuk mendapatkan respon suka "Like" dari pengunjung blog. dengan adanya facebook like box kita dapat mengetahui seberapa banyak pengunjung yang menyukai blog kita.

Facebook like box bisa ditempatkan di posisi manapun, bahkan kita juga dapat memasang facebook like box ini dengan tampilan show hide atau tersembunyi dan hanya terlihat icon untuk membuka facebook like box tersebut. beriku cara pasang  Facebook Like Box Show Hide versi Waroenk Blog.



  • 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



  • Maka anda akan ditampilkan berbagai macam widget bawaan blogger serta Widget HTML/Javascript Untuk memasang Kode HTML Widget.

  • Kemudian pasang kode berikut :

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfisLKBLLZXJ67vC7R5_9MqcFs4WmzZMfsjUhpJTUE5OJ4O_o-BMgCt2DkmPObsKBKOJUWiK3nqnKSvmrk8PUL6X1a3l7CitiMgTW6MCPJqtdaqlImPt2lMCfMGm8C01Id49KyQvr-Mf9/s150/w2b_facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: gray;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>
<div class="w2bslikebox" style="">
    <div>
                KODE FACEBOOK LIKE BOX ANDA <span><a href="http://waroenkblog.blogspot.com/2013/03/cara-pasang-facebook-like-box-show-hide.html">Waroenk Blog</a></span>
    </div>
</div>
  •  Pasang kode facebook like box yang anda dapatkan dari facebook developers pada kode yang tersedia diatas.
  • Simpan pengaturan blog anda.
  • Cek apakah sudah terpasang dengan baik.


Demikian diatas Cara Pasang Facebook Like Box Show Hide versi Waroenk Blog. jika ada yang belum sobat pahami dari tutorial diatas, silahkan sobat tinggalkan komentar dibawah ini. terimakasih atas kunjungan sobat blogger semua.