You are viewing the Archives
Tutorial Facebook Connect plugin untuk WordPress
Baru aja sukses pasang Facebook Connect untuk blog ini. Dengan FB Connect, maka pengunjung website/blog tidak perlu melakukan registrasi lagi untuk berinteraksi/meninggalkan komentar.
Bagi yang menggunakan wordpress dan ingin meng-install plugin Facebook Connect, caranya gampang koq. Berikut ini steps nya:
- Masuk ke Facebook Application Developer di http://www.facebook.com/developers/ (sudah harus menginstall aplikasi facebook developer dahulu sebelumnya) dan buat sebuah aplikasi baru.
- Selanjutnya, di Application Name isi “WordPress Blog” (atau bisa juga judul blog anda), dan pilih tombol Agree, lalu klik Save Changes. Nah.. sampai di sini aplikasi facebook anda sudah terbuat dan di halaman selanjutnya berisi informasi settings termasuk API key dan secret. Jangan tutup dulu window ini, karena nantinya kita akan membutuhkana API key dan secret tersebut.
- Buka window baru di browser dan download plugin FB Connect di : fbconnect_1_2_1.zip. Upload file tadi ke folder wordpress “/wp-content/plugins/” dan extract/unzip file-nya.
- Di halaman admin wordpress, pilih tab Plugins. Pada baris Facebook Connector, lalu klik Activate.
- Masih di halaman admin wordpress, pilih Settings -> Facebook Connector. Di halaman ini, masukkan API Key dan Secret yang tadi didapat setelah membuat aplikasi Facebook. Lalu beri tanda check pada Enable comment auto-approval dan pada Allow send user comments to Facebook. Klik tombol Update Configuration.
- Masih di halaman yang sama, ada notice bahwa template tidak syncronized dengan Facebook. Scroll ke halaman paling bawah, dan klik Create Template.
- Sekarang ke tab Appearance->Widgets dan Facebook Connector akan terdaftar sebagai salah satu Widget Facebook. Di sisi kanan, silahkan pilih di mana anda ingin widget FB Connect ini muncul dan klik Show. Lalu klik tombol Add di sebelah Facebook Connector dan terakhir jangan lupa untuk men-klik Save Changes.
- Dan yang terakhir, ke tab Appearance->Editor lalu pilih untuk meng-edit file “header.php”. Tambahkan bagian yang di-bold di bawah ini:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml”>……
Sekarang silahkan lihat ke halaman depan WordPress anda… Voila! Facebook Connector sudah bisa digunakan. :)
Bila ada yang masih kesusahan meng-install, silahkan tinggalkan komentar, mungkin saya bisa bantu. Atau kalau mau lihat video tutorial-nya juga ada di sini: http://www.sociable.es/facebook-connect-wordpress-plugin-configuration/