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/
23 Comments
Subscribe to the Comments
Kok saya gak bisa ya?
Facebook API Key dan Facebook API Secret sudah di isikan, lalu pengaturan di aplikasi fesbuknya apa lagi?
Kemudian yang di wordpressnya juga sudah semua diikuti.
lihat di: http://den.yehia.org
Terima kasih atas perhatiaannya.
Ohh… soalnya pakai subdomain. Ada edit tambahan lagi.
- Coba ke “My Applications” di Facebook dan pilih Aplikasi yang dibuat tadi lalu pilih “edit settings”.
- Di tab kiri, pilih “Connect”. Di field Connect URL isi dengan “http://yehia.org” (tanpa tanda kutip), lalu klik Save.
Sekarang harusnya sudah bisa..
Oh iya bener mbak Deche, sekarang sudah up and running smoothly. Thanks ya mbak.
makasih banyak info ttg fbconnect.
saya sudah coba install facebook connect sesuai info dari blog ini.
bisa dilihat di muhyamin.com
yg sy mo tanyakan, bagaimana caranya supaya foto yg tampil di sidebar jumlahnya 3 per baris, bukan 2.
makasih sebelumnya.
wah harus di coba nih, dari dulu cari2 tuts nya :)
waduh..error..neh..gmana yah… apa yang kurang yah
muncul :
Dalam Perbaikan
WordpressBlogger sedang dibangun.
Catatan bagi pengembang aplikasi:
To fix this error, please set your Connect URL in the pengubah Pengaturan Aplikasi. Once it has been set, users will be redirected to that URL instead of this page after logging in.
http://blog.devinstudio.com
terimakasih tutornya,,,
Finally DONE…
see http://blog.devinstudio.com
makasih tutorialnya..
Aku juga pake Facebook Connect di blogku
kok gak bisa ya…..
Warning: fopen() [function.fopen]: URL file-access is disabled in the server configuration in /home/sloki/user/h72189/sites/suporter.info/www/wp-content/plugins/fbconnect/facebook-client/facebookapi_php5_restlib.php on line 2821
Warning: fopen(http://api.facebook.com/restserver.php) [function.fopen]: failed to open stream: no suitable wrapper could be found in /home/sloki/user/h72189/sites/suporter.info/www/wp-content/plugins/fbconnect/facebook-client/facebookapi_php5_restlib.php on line 2821
Facebook Connector Options
Error updating Facebook templates!
Templates not synchronized with Facebook, write the templates text and press create templates!
makasih tutorialnya….
tapi kok ketika saya klik logout…gak ada reaksi…
kenapa y?
oh y, utk hosting mana yang enak y? adakah yg benar2 gratis?
Kalau saya karena pakai blogspot, saya menggunakan aplikasi pihak ke-4 yaitu JS-Kit commenting system :D
mas, sudah behasil, tp kok di atas blog saya muncul tulisan “xmlns:fb=”http://www.facebook.com/2008/fbml” dir=”ltr” lang=”id-ID”> ” kenapa ya? padahal penempatan kode tsb di header.php sudah benar… trims,,,
bagus!
sudah saya coba..
sudah berhasil
silakan liat :
http://afitsetiadi.com
testing
Wah asik nih tutornya, btw tengkyuh ya bos udah share. tapi gw bingung nih semua udah dilakukan dan sukses, tapi kok ngga muncul foto orang yg konek ke blog gw yak… kasih saran dunk biar muncul potonyahhh…
coba deh ke http://www.healthylova.com
thanks
udah pernah nyoba, tp gagal terus…
mbak. makasih atas infonya. sy jadi pengen coba. step 1 dan 2 sudah bisa. lalu di step 3, sy terhenti karena sy gak paham maksud dari:
“Upload file tadi ke folder wordpress “/wp-content/plugins/” dan extract/unzip file-nya.”
mohon penjelasannya ya mbak, terimakasih sebelumnya ^^v
Step 3 itu maksudnya download file zip-nya (yaitu fbconnect_1_2_1.zip), lalu file tersebut ditaruh di folder instalasi wordpress di bagian “/wp-content/plugins/” Kalau sudah dipindahkan, baru di-extract. Dicoba ya.
thanks banget nih infonya..saya sudah pakai..bagus juga nih. buat nambah teman dan traffic
kayana menarik ni,,
thank mas.
Trackbacks / Pingbacks
show trackbacks