Cara Membuat Like Facebook Auto Hide di Blog

Senin, 15 April 2013


Beginilah widget yang akan dimunculkan kotak suka untuk halaman fans Facebook kamu. Pada versi ini kotak LIKE facebook akan terlihat di samping kanan blog. Widget kotak suka ini akan terbuka dengan sendirinya jika di arahkan kursor mouse ke tulisan "Facebook" di samping kanan.

Berikut adalah caranya :


1.     Pertama-tama silahkan sobat login ke blog sobat.
2.     Pada Menu tab klick Rancangan  Edit HTML
3.    Pada kotak Edit Template cari kode <head> jika ingin lebih cepat mencarinya sobat      bisa baca  ara Cepat Mencari Kode HTML.
4.     Jika sudah ketemu sekarang letakkan kode berikut tepat di atas kode tadi

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

5.     Sekarang simpan template.
6.     Sekarang klick kembali rancangan – tambah Gadget – pilih HTML/Java Script.
7.   Copy kode Script berikut dan letakkan didalam Gadget Kotak HTML/Java Script tadi.

"text-align: justify;"> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style="">     
<div>  <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/FreeLearnig&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://www.1xklik.co.cc">1xKlik Blog</a></b></span>     
</div> 
     </div>

      * catatan yang berwarna Biru ganti dengan url fans page sobat.

8.     Skarang sudah jadi deh,,,, Gampang kan ???


readmore »»  

Read more...

Baca Juga

Daftar Blog Saya

  © Blogger template Foam by Ourblogtemplates.com 2009

Back to TOP