Cara Mudah Memasang Like Box Facebook Fans Page di Blog

Kali ini saya akan memberikan tutorial pemula facebook untuk memasang like box facebook fans page pada blog anda. Like box ini berbentuk kotak yang menampilkan siapa saja pengguna facebook yang menyukai halaman anda. Contohnya adalah facebook fans page milik pasarkita.com berikut ini

contoh like box fans page milik pasarkita.com

Pada contoh di atas disebutkan ada 134 orang yang menyukai pasarkita.com. Untuk membuatnya ada beberapa langkah yang harus anda ikuti, yaitu :

1. Mempunyai facebook fans page dan tahu alamat URL nya.
   Ini adalah syarat wajib jika anda ingin mengikuti tutorial ini dari awal. Saya sudah membuat facebook fans page untuk blog tutorial indonesia ini, URL nya adalah http://www.facebook.com/awaywebid. Ingat ya facebook fans page, bukan facebook personal. Kalo belum punya, bikin dulu di sini
2. Masuk ke halaman facebook developer Social Plugin, link http://developers.facebook.com/docs/plugins/.
3. Karena di sini saya akan membuat  like box, pasti saya klik like boxAtau bisa juga langsung ke link ini. 

likebox fb

4. Isilah form yang tersedia untuk membuat like box sesuai keinginan anda.
   Anda bisa melihat preview pada bagian sebelah kanan.

membuat-fb-likebox

Penjelasan form

• Facebook Page URL : URL facebook fans page yang akan dibuatkan like box
• Width : lebar like box yang akan dibuat
• Height : tinggi like box yang akan dibuat
• Color Scheme : pilihan warna, hanya ada 2 light (putih) dan dark (hitam)
• Show Faces : Menentukan apakah foto user yang mengklik like akan ditampilkan atau tidak
• Border Color : Menentukan warna garis tepi like box (warna yang digunakan dalam format hexa, misalnya #ffffff untuk warna putih)
• Stream : Menentukan apakah isi post terakhir fans page akan ditampilkan atau tidak
• Show Header : Menentukan apakah tulisan “Temukan kami di facebook” akan ditampilkan atau tidak

       5. Jika sudah selesai, klik tombol Get Code.

Akan muncul pop-up window berisi kode yang harus anda letakkan di blog. Ada kode HTML5, XFBML dan Iframe yang bisa anda pilih. Saya pilih format iframe agar mudah diletakkan di widget wordpress. Copy paste kode itu ke tempat yang anda inginkan.

 

kode-plugin-fb-like-box

      6.  Setelah selesai silakan klik Get Code, dan copy kode yang anda dapatkan
      7.   Login ke Blogger
      8.   Pilih Edit Tampale / Tata Letak
      9.  Lalu Tambah Widget / Gedget
      11.  Pilih HTML / Javascript
     12.  (paste) salin kode tadi disini
     13.  Simpan

Ok, sekarang Snda bisa melihat hasilnya.
semoga bermanfaat ya ^_^

sumber: DISINI dan DISINI