Mungkin ada diantara pembaca The Karimuddin yang punya blog dan tertarik untuk memasang fitur Facebook Connect yang sudah saya pasang sebelumnya di sidebar. Saya sadar bahwa blog ini bukan situs untuk geek, untuk itu saya coba memberikan bantuan langkah-langkah yang seharusnya tidak sulit untuk diimplementasikan oleh siapapun.
Sebagai referensi, silakan lihat slideshow yang dibuat oleh Pitra. Langkah-langkah berikut hanya untuk blog dengan platform WordPress dengan hosting tersendiri, bukan di WordPress.com. Secara garis besar, ada 2 hal yang harus di-setting, sisi blog dan sisi Facebook.
Berikut adalah setting dari sisi Facebook:
- Arahkan browser Anda ke alamat http://www.facebook.com/developers/ dan login dengan menggunakan account Facebook pribadi
- Klik tombol Set Up New Application di kanan atas
- Isi Nama Aplikasi, misalnya “tes” dan pilih Agree di checkbox Term of Service
- Di tab Basic, Anda akan menemukan angka-angka API Key dan Secret yang nantinya akan digunakan untuk mengkoneksikan Facebook dengan fitur Facebook Connect
- Yang penting, isi bagian Canvas dan Connect. Isi Canvas Page URL dengan nama aplikasi yang dipanggil (bisa apa saja) dan isi Canvas Callback URL dan Connect URL dengan alamat situs kita, ada yang bilang harus lengkap hingga ke alamat tempat aplikasi Facebook Connect, misalnya http://www.situskita.com/wp-content/plugins/fbconnect/
- Simpan perubahannya
Selanjutnya adalah mengatur dari sisi blog:
- Download/unduh plugin Facebook Connect for WordPress dari http://www.sociable.es/2008/10/09/facebook-connect-wordpress-plugin-released/
- Upload plugin seperti bisa di folder wp-content/plugins/
- Aktifkan plugin
- Klik menu Setting dan pilih Facebook Connector
- Isilah API key dan secret dari data yang sudah kita peroleh di langkah-4-Facebook
- Check pilihan yang Anda inginkan untuk bagian komentar auto-approval, menambahkan tombol share Facebook, ataupun mengirim komentar ke Facebook
- Berikutnya tekan tombol “Create Template”
- Selesai di bagian itu, silakan pindah ke Appearance dan klik Widget
- Masukkan Facebook Connector ke dalam sidebar
- Supaya “lebih afdol” dan kompatibel dengan segala browser, terutama IE, silakan masukkan kode berikut di awal header.php:
- Kemudian masukkan kode berikut di akhir footer.php sebelum </body>:
- Oh ya, jikalau versi WordPress Anda masih belum mendukung Widget atau memang tidak suka menggunakan Widget, silakan paste code berikut untuk memasang FB Connect:
<!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”>
< ?php wp_footer(); ?>
<?php
widget_FacebookConnector(array());
?>
That’s it. Seharusnya Facebook Connect sudah terpasang dengan indah di blog Anda 😉
Disclaimer: plugin ini hanya bekerja untuk platform WordPress self-hosting. Untuk platform yang lain, silakan search di Google. Tentunya tidak/belum bisa diaplikasikan di blog WordPress.com kecuali memang disediakan.
