Cara Mudah Buat Fans Page Facebook Keren Di Blog

Cara Mudah Buat Fans Page Facebook Keren Di Blog

Pada kesempatan kali ini saya akan menjelaskan cara membuat fans page di blog, tetapi kali ini fans pagenya tersembunyi atau slide show seperti gambar di bawah.

Pertama anda harus buat fans page terlebih dahulu, anda bisa membuatnya dengan klik "buat halaman" di bagian paling bawah facebook anda. atau lihat cara-cara nya di Cara Mudah Membuat Halaman Fans Page Facebook

 Setelah selesai, anda ikuti langkah-langkah berikut:
1. Masuk ke tab rancangan-edit html dan centang expand elemen widget.
2. Cari kode </head>, dan letakan kode di bawah ini di atas kode </head> tersebut.

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

3. Save template dan klik tab elemen laman.
4. Klik add gadget, pilih tambah HTML/Javascript dan copy kan kode di bawah ini

Lihat Code

<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=URL FANS PAGE ANDA &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://blogzafar.blogspot.com/2012/10/cara-mudah-buat-fans-page-facebook.html">Widget by Siti Saleha</a></span></div></div>

5. ganti tulisan yang berwarna merah dengan URL FANS PAGE ANDA
dan untuk tulisan merah bisa ganti dengan background yg di inginkan
Kemudian Simpan. dan lihat hasil nya
Selamat mencoba, jika ada masalah silakan tinggalkan komentar. :)