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>
<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 ???
