Cara Membuat AutoHide Fans Page Facebook di Sisi Kanan Blog

Baca Juga

Cara Membuat AutoHide Fans Page Facebook di Sisi Kanan Blog – Fans page adalah sebuah Forum diskusi dan tempat share artikel yang di buat dari Media sosial Facebook. sudah tidak di ragukan lagi untungnya sobat membuat Fans Page Facebook untuk blog sobat. Para Pakar SEO pun mengakui bahwa di websitenya sebagian besar Pengunjung terdapat dari Media Sosial seperti contoh nya Fans Page Facebook ini. Bagi pengunjung yang yang meng Like Fans Page akan menerima pemberitahuan artikel baru sehingga sangat mungkin dapat di baca apabila artikel tersebut menarik.

Baca juga : Cara Membuat PhotoShop Responsive di Halaman Statis Blog 

Banyak cara yang dapat di gunakan dalam memasang Fans Page Facebook ada yang memasangnya melayang di ketika di scrol, ada yang menggunakan afek waktu, ada juga yang menampilkan nya di melayang di tengah-tengah postingan blog. namun pada kesempatan kali ini saya akan membagikan cara memasang Kontaak Fans Page yang lain dari pada yang lain, yaitu memasangnya di sisi bagian kanan blog. fanspage ini akan melayang mengikuti Scrol Kursor Mouse pengunjung, namun tidak akan mengganggu pandangan membaca artikel karena fans page ini akan berada di bagian paling sisi kanan blog yang pastinya akan menarik minat pengunjung untuk meng Like nya. bagi sobat yang tertarik untuk mencobanya silahkan sobat simak informasinya berikut ini.

Membuat Halaman Fans Page di bagian Samping Kanan Blog

1. buka Blog Sobat > masuk menu “ Tata Letak” > Tambah Widget baru  > HTML/Java Script >  Salin kode di bawah ini ke dalam Widget yang baru sobat buat tadi.

<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/komunitasbloggerIndonesiaa&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://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
</div>
</div>

NB : Ganti Kode berwarna Merah dengan alamat Url Fans Page Facebook sobat.

2. simpan Template dan Lihat hasilnya.

Saya yakin jika sobat mengikuti tutorial di atas dengan benar maka akan muncul Halaman Fans Page Facebook Otomatis di sisi kanan Blog.

Baca juga : Cara Membuat Rendom Post Dengan Gambar di Blog

Demikianlah tutorial yang dapat saya berikan dan ilmu harus sobat ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.