Cara Membuat Fans Page Facebook Di Blog

Jika Anda sudah memiliki akun facebook, maka mari kita lanjutkan pembahasan membuat fans page facebook di blog ini. Untuk itu simak dengan seksama penjelasan tutorial blogger yang akan om juragan sampaikan berikut ini.

Membuat Fans Page di Facebook

1. Login ke akun facebook Anda

2. Kemudian lanjutakan dengan membuaka halaman ini Facebook Page

3. Pilih sesuai dengan jenis fans page. Di sana ada enam kategori fans page yaitu Tempat atau Bisnis Lokal, Perusahaan, Organisasi, atau Institusi; Merek atau Produk; Artis, Band, atau Tokoh Masyarakat; Hiburan; Perjuangan atau Komunitas. Biasanya untuk blog pilih Merek atau Produk

4. Disana terdapat 2 opsi pilihan, yang pertama isi dengan jenis fans page yang Anda inginkan, jika fans page untuk blog pribadi pilih Situs Web. Untuk opsi kedua silahkan beri nama fans page Anda lalu beri tanda ceklis atau centang pda kolom kotak kecil dibawahnya, lalu klik "Mulai". contohnya seperti gambar di bawah ini:

5. Selanjutnya masukkan gambar fans page dengan klik “unggah gambar”. Bagi anda yang sudah terbiasa menggunakan Facebook, om juragan yakin anda tak kesulitan. Jika sudah klik lanjutkan.

6. Pada halaman selanjutnya, Anda akan diminta untuk memberi keterangan singkat mengenai fans page yang Anda buat, isi keterangan tersebut sesuai dengan kreteria fans page Anda, kemudian klik "Simpan Info"

Sampai disini fans page di facebook sudah selesai di buat. Untuk meletakkannya kedalam blog simak penjelasan om juragan berikut ini.

1. Silahkan masuk ke halaman ini Like Box

2. Pada halaman tersebut, lakukan penyesuaian box atau kotak fans page yang akan di pasang pada website atau blog.

• Facebook Page url: Copy-paste URL Facebook Page yang telah selesai Anda buat tadi (lihat di browser. Contoh: www.facebook.com/pages/HaloGan-dot-com/378431675559041)
• Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget pada blog sobat.
• Height: adalah tinggi like box, sesuaikan juga dengan widget pada blog sobat.
• Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.
• Show Faces: Centang untuk menampilkan foto profil likers.
• Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.
• Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.
• Show header: Centang jika ingin menampilkan tulisan header "Temukan kami di Facebook".

3. Jika settingan yang dibuat sudah selesai, klik "Get Code". Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, XFBML dan IFRAME pilih salah satu dan copy kodenya kedalam notepad. (Untuk Blogger, disarankan pilih IFRAME).

Memasang Fans Page Facebook di Blog

pertama yang harus sobat lakukan pasti login dulu ke blogger
setelah itu masuk ke bagian template anda dan jangan lupa untuk mencentang "Expand Template Widget"
setelah itu cari kode </head> ( gunakan ctrl + f   untuk mempercepat pencarian )
Setelah ketemu, letakan kode dibawah ini tepat di atas kode </head>

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















kemudian

1. Pada menu dropdown, pilih "Tata Letak"

2. Pada sidebar blog pilih "Tambah Gadget" lalu scroll sedikit kebawah dan pilih '' HTML/JavaScript ''
3.copy pastekan kode di bawah ini :

 <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=ganti denganURL FANS PAGE FACEBOOK 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://fadilblogx.blogspot.com/2012/07/cara-membuat-likebox-fanspage-facebook.html "><b>Get Widget</b></a></span></div></div>





4. Simpan dan lihat hasilnya.

                                 jangan lupa ''LIKE''    ................selamat mencoba

Artikel Terkait: