Pada kesempatan kali ini saya akan membahas mengenai Cara Membuat Fanspage Facebook Auto Hide Di Samping Kanan Blog ..
Tujuan dari memasang Auto Hide Fanspage Facebook ini Adalah agar mendapat like dari pengunjung blog ..
Biasanya widget2 yang terletak di Sisi Kanan dan Sisi Lain Blog yang terlihat mencolok sekali, itu lebih menarik perhatian pengunjung untuk mengklik ...
Apalagi widget kali ini dilengkapi dengan auto hide , jadi terlihat lebih estetis dan bermakna dan lebih Simple ..
Langsung aja tutorialnya :
1. Login dulu ke blog anda
2. Pilih Menu Tata Letak
3. Lalu Tambahkan Gadget , Setelah itu scroll kebawah dan Tambahkan HTML/Javascript
4. Masukan Kode dibawah
<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/forumanzai&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 href="http://darkflash21.blogspot.com/2013/08/cara-membuat-fanspage-facebook-auto.html">Get this widget</a></b></span>
</div>
</div>
Keterangan :
Kode warna Biru ganti dengan Url fanspage facebook anda ..
5. Simpan dan Lihat Hasilnya
Nah berikut tutorial Cara Membuat Fanspage Facebook Auto Hide Di Samping Kanan Blog
Bagaimana mudah bukan ??
Semoga materi yang anda dapatkan saat ini ada manpaatnya , baik untuk saya, anda , dan orang lain .. Semoga tutorial sederhana ini dapat diaplikasikan dengan baik ..
Jika ada yang tidak dimengerti silahkan tanyakan dikomentar ..
Maaf jika ada salah kata dan salah penjelasan ^_^
Sekian, Semoga Bermanpaat ..