Pages

12/09/11

Cara Membuat dan Memasang Facebook Like Box di blog

.

1. buka http://developers.facebook.com/docs/reference/plugins/like-box/
Penting: Sebelumnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat.
Contoh url-nya: http://www.facebook.com/sank4kala
2. Selanjutnya, isikan spesifikasi seperti gambar berikut:

Setting Facebook Like Box:
- Facebook Page url: url Facebook Page anda
- Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget.
- 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 "Find Us on Facebook".
Lihat preview tampilan di sebelah kanan form tersebut.

5. Jika settingan yang dibuat sudah beres, klik get code. Kemudian akan muncul pop-up window yang menampilkan dua jenis kode, iFrame dan XFBML, pilih jenis XFBML dan copy kodenya.

6. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
7. Pilih opsi HTML/Javascript.
8. Masukkan kode XFBML yang telah dicopy ke dalam kotak kode.
9. Save.
10. Like box telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website anda dapat dengan mudah meng-klik like pada like box yag telah disediakan.

1 comments: