Membuat Fanpage Facebook Keren Auto Hide Terbaru. Banyak cara untuk memodifikasi fanpage facebook agar terlihat lebih keren untuk menambah tampilan blog menjadi lebih bagus. Beberapa waktu lalu blog Berita Terkini sudah sharing cara menambah fanpage facebook otomatis atau istilah kerennya auto like fanpage facebook. Nah untuk tutorial mempercantik blog kali ini saya ingin memberikan informasi cara membuat fanpage facebook auto hide. Fungsi dari auto hide adalah memberikan efek muncul secara otomatis ketika kursor melintas diarea fanpage facebook di samping kanan blog Anda. Fanpage facebook auto hide selain mempercantik blog juga tidak membuat sidebar Anda terlalu rame.
Jika Anda tertarik ingin mempercantik blog dengan fanpage facebook auto hide ini, Anda bisa mengikuti langkah-langkah sebagai berikut:
Langkah pertama
Langkah kedua
Tips membuat auto hide fanpage facebook telah selesai dan Anda bisa melanjutkan tips blogging yang lain untuk mempercantik blog Anda.
Jika Anda tertarik ingin mempercantik blog dengan fanpage facebook auto hide ini, Anda bisa mengikuti langkah-langkah sebagai berikut:
Langkah pertama
- Login ke akun blogger Anda
- Lihat menu di bagian samping blog, kemudian klik Template ->> Edit HTML ->> Lanjutkan (centang Expand Template Widget)
- Cari kode </head> dan letakkan kode berikut diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>Simpan dan lanjutkan dengan langkah kedua
Langkah kedua
- Cari menu Tata Letak ->> Tambah Gadget ->> Pilih HTML/Javascript, kemudian masukkan kode berikut ke dalam kotak yang telah tersedia.
<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=https://www.facebook.com/pages/PoztArtcom/346083368747201&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span>Belanja baju murah di <a href="http://cafebaju.com/" target="_new"><b>Fashion Online</b></a></span></div></div> - Ganti tulisan yang saya cetak miring/merah dengan URL fanpage facebook Anda
- Simpan dan cek hasilnya
Tips membuat auto hide fanpage facebook telah selesai dan Anda bisa melanjutkan tips blogging yang lain untuk mempercantik blog Anda.
