Cara Mendapatkan Kode iFrame Page Facebook Untuk Diletakan Di Blog

Salam gan, hari ini saya akan mosting "Cara Mendapatkan Kode iFrame Page Facebook Untuk Blog" Mungkin sudah sebagian besar yang tau caranya, dan yang belum tau silahkan baca.. :D

1. Klik link 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/pages/Fairy-Fantasy/189360514487340 
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 3 jenis kode, HTML5, iFrame dan XFBML, pilih salah satu dan copy kodenya, Pilih saja iFrame.

 
6. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
7. Pilih opsi HTML/Javascript.
8. Masukkan kode iFrame 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

Saya sudah mencobanya dan berhasil... :D