Home » » Cara Membuat Like Box Melayang Seperti Buku Tamu

Cara Membuat Like Box Melayang Seperti Buku Tamu

Posted by CB Blogger



Bagi Blogger Yang Memiliki Fanspage/ Like Box Yang Di Pasang Di Sidebar Blog Itu Mah Biasa. Tapi Kalo Di Pasang Di Sisi Kanan Blog Seperti Buku Tamu Itu Baru Luar Biasa. Nah Kali Ini Ane Akan Jelaskan Cara Membuat Like Box Melayang Seperti Buku Tamu Penasaran Kan ?? Langsung Ke TKP :
  • Login Ke Blogger Lalu Pilih Pengaturan Tempalte
  • Lalu Klik " Edit HTML " Dan Taruh Kode Dibawah Ini Diatas Kode " </head> " ( Tanpa Tanda Kutip )
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  • Setelah Itu Klik " Simpan Template " Dan Pergi Ke " Tata Letak "
  • Klik " Tambah Widget " Pilih " HTML/Java Script " Dan Tambahkan Kode Dibawah Ini :
<script type="text/javascript">//<!--$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});//--></script><style type="text/css">.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.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: 6px;text-align: right;z-index: 99999;}.w2bslikebox span a{color: #808080;text-decoration:none;}.w2bslikebox span a:hover{text-decoration:underline;}</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://x-cyberzz.blogspot.com/2012/12/cara-membuat-like-box-melayang-seperti.html">Tutorial Here</a></span></div></div>

Nb : Text Yang Berwarna Merah Ganti Dengan URL Fanspage Anda.

  • Setelah Itu Klik Simpan 
Dan Lihat Hasilnya. Sekian Dari Saya Semoga Bermanfaat



4 comments: