Cara Membuat Like Box Facebook Di Blog ~ Bithoo

Facebook Page/Fan Page - Like Box semakin lazim digunakan di blog/website mengingat besarnya manfaat untuk perkembangan blog/website maupun product yang ditawarkan. Jaringan sosial beserta pluginnya, khususnya Facebook, terbukti telah memperluas dan meningkatkan popularitas, daya jangkau, traffic, serta penjualan produk jenis apapun. Oleh karena itu, membuat Facebook Fan Page dan memasang Like Box di blog/website merupakan hal yang sangat dianjurkan untuk blog/website anda.

Cara Membuat Facebook Page/Fan Page di Blog/Website

Ada beberapa langkah berbeda untuk membuat Facebook Page. Untuk langkah yang lebih mudah, sebaiknya anda telah login terlebih dahulu di account Facebook anda.
Kemudian buka halaman ini: http://www.facebook.com/pages/create.php.
Pilih/klik opsi Brand or Product.
Pilih opsi "website" dan isikan nama Page sesuai dengan yang diinginkan. centang "agreement" dan klik "Get Started", seperti contoh gambar berikut:
Selanjutnya anda akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.

Cara Membuat dan Memasang Facebook Like Box di blog/website.

1. Jika anda masih berada di halaman Fcebook Fan Page tadi, pilih menu nomer 5, klik "add like box":
Atau bisa juga buka halaman berikut: 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/bithoo/XXXXXXX
2. Selanjutnya, isikan spesifikasi seperti 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".

3. 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. (Untuk Blogger, saya sarankan pilih HTML 5).
4. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
5. Pilih opsi HTML/Javascript.
6. Masukkan kode yang telah dicopy ke dalam kotak kode.
7. Save.
8. 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.
------------------------------------------------------------------------------

Update bagi yg masih bingung dengan pemasangan kode dan like box tidak muncul:
Copy paste saja semua kode ke dalam HTML/Javascript. Misalnya ketika memilih HTML 5, kemudian ada dua kolom yang masing-masing berisi dua kode, jangan pisahkan pemasangan kode, pasang saja keduanya ke gadget HTML/Javascript secara berurutan, yaitu taruh kode kedua di bawah kode pertama. Kemudian save.