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:

  1. Arahkan browser Anda ke alamat http://www.facebook.com/developers/ dan login dengan menggunakan account Facebook pribadi
  2. Klik tombol Set Up New Application di kanan atas
  3. Isi Nama Aplikasi, misalnya “tes” dan pilih Agree di checkbox Term of Service
  4. Di tab Basic, Anda akan menemukan angka-angka API Key dan Secret yang nantinya akan digunakan untuk mengkoneksikan Facebook dengan fitur Facebook Connect

    5. fbconnect-api

  5. 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/
  6. Simpan perubahannya

Selanjutnya adalah mengatur dari sisi blog:

  1. Download/unduh plugin Facebook Connect for WordPress dari http://www.sociable.es/2008/10/09/facebook-connect-wordpress-plugin-released/
  2. Upload plugin seperti bisa di folder wp-content/plugins/
  3. Aktifkan plugin
  4. Klik menu Setting dan pilih Facebook Connector
  5. Isilah API key dan secret dari data yang sudah kita peroleh di langkah-4-Facebook
  6. Check pilihan yang Anda inginkan untuk bagian komentar auto-approval, menambahkan tombol share Facebook, ataupun mengirim komentar ke Facebook
  7. Berikutnya tekan tombol “Create Template”
  8. Selesai di bagian itu, silakan pindah ke Appearance dan klik Widget
  9. Masukkan Facebook Connector ke dalam sidebar
  10. Supaya “lebih afdol” dan kompatibel dengan segala browser, terutama IE, silakan masukkan kode berikut di awal header.php:

    11. <!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”>

  11. Kemudian masukkan kode berikut di akhir footer.php sebelum </body>:

    12. < ?php wp_footer(); ?>

  12. Oh ya, jikalau versi WordPress Anda masih belum mendukung Widget atau memang tidak suka menggunakan Widget, silakan paste code berikut untuk memasang FB Connect:

    13. <?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.

Popularity: 25% [?]