Plugin WordPress “Connect With Facebook”

Seperti anda ketahui sekarang ini yang namanya facebook sedang bumming sekali di indonesia, baik itu di kalangan anak kecil, remaja, ibu hamil, menyusui sampai dengan orang tua :D . Hmmm… karena faktor seperti itu maka terlintas di pikiran para blogger kenapa tidak membuat plugin agar bisa memberi komentar ke web blog yang menggunakan wordpress. Hmm… Akhirnya tercipta juga plugin seperti itu, karena saya masih awam dalam mengacak” plugin maka saya hanya bisa memakai plugin orang dan memasang tapi ada sedikit yang di ubah (pelanggaran nih).

Siap… saya menjelaskan mengenai salah satu plugin yang saya temukan di tarian liat sang mbah google, yaitu plugin yang bernama Facebook Connect, adapun beberapa kelebihan dari plugin ini adalah jika dalam 1 browser yang sama anda sedang membuka facebook, anda tidak perlu mengisi form identitas untuk mengirimkan komentar ke blog yang sudah memasang plugin tersebut, kemudian kelebihan berikutnya adalah tentang widget yang dia berikan untuk kita, di widget ini kita bisa melihat siapa saja yang sudah login ke blog kita dan user yang terdaftar di blog kita.lakh apa hubungannya login dengan mendaftar ? karena pada saat anda login with facebook, secara otomatis maka user anda akan terdaftar pada web blog tersebutt, nah, karena itu pula kita bisa sekaligus mempang foto kita di widget web blog orang lain hanya dengan cara login dan mengirimkan komentar. Wah asik juga ya?… EMANG :D

Tampilan popup nanti jika plugin sudah berjalan, dan tampilan login facebooknya seperti ini :

fb-login

Wah gimana ya caranya biar bisa pasang plugin tersebut ? Selow gan, sekarang kita mulai dagh ngoprek-oprek pluginnya.

Pertama yang harus anda lakukan adalah download plugin tersebut di: http://www.sociable.es/facebook-connect/,Kemudian setelah proses download selesai maka hal berikutnya yang harus da kudu anda lakukan adalah ekstrack file tersebut ke directory /wp-content/plugin/, proses ekstrack pun selesai dilakukan, hmmm… karena masih banyak yang harus kita lakukan maka jangan dl deh di aktifin untuk pluginnya. Plugin ini juga membutuhkan beberapa yang harus anda temukan di facebook, termasuk salah satunya anda sebuah kode yang d berikan oleh facebook yaitu kode API dan Application Secret, kedua code itu anda bisa dapatkan dengan cara mendaftar ke facebook developers dengan cara anda membut sebuah aplikasi dengan cara click setup berada di atas sebelah kanan. Untuk lebih lengkapnya mengenai pendaftaran facebook application anda bisa lihat di video di bawah ini:

Medium:

Untuk dapat memasang plugin secara sempurna anda diminta untuk edit beberapa file:

1. edit dan tambahkan sedikit script ke ¬†file “header.php” ¬†yang berada di folder themes yang anda gunakan:

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

yang di tulis secara bolt itu yang anda tambahkan, script ini di tambahkan ke header.php agar di wwidget yang kita pasang nanti kita bisa melihat button login dan foto user” yang ada.

dan jangan lupa cek file footer.php lihat di bagian paling bawah apakah sudah terdapat < ?php wp_footer(); ?> ataukah belum, jika belum silahkan di tambahkan.

2.Jika anda ingin melihat send to facebook di chekbox comment anda, anda bisa edit file “comments.php”

…
…
<form action=”<?php echo get_option(‚Äôsiteurl‚Äô); ?>/wp-comments-post.php” method=”post” id=”commentform”>
…
…
<?php do_action(’comment_form’, $post->ID); ?>
</form>
…
…

4. jika anda ingin menampilkan foto facebook yang mengirim komentar kepada anda, maka tinggal tambahkan <?php echo get_avatar( $comment, 32 ); ?> masih di file “comments.php” untuk peletakannya bisa juga seperti berikut:

…
…
<?php foreach ($comments as $comment) : ?>

<li <?php echo $oddcomment; ?>id=”comment-<?php comment_ID() ?>”>
<?php echo get_avatar( $comment, 32 ); ?>
<cite><?php comment_author_link() ?></cite> Says:
…
…

Oke, untuk edit-editan cukup segitu saja :D untuk editan lebih lanjut silahkan di lihat” lagi nanti :D

Hal berikutnya yang harus anda lakukan adalam mengaktifkan plugin-nya, setelah plugin itu aktif maka anda tinggal masuk setting dan masukan API key dan Application secret kemudian create template seperti apa urutan yang akan di tampilkan di sana nanti, di bawahnya settingan API key tadi, setelah itu anda tinggal pasang widgetnya deh ;) . untuk pemasangan plugin bisa saya jelaskan melalui video berikut:

Medium:

oke semuanya selamat mencoba ;)

Note:

  • jika memang nantinya tombol connect with facebooknya coba anda masuk ke bagian setting kemudian uncheck Facebook SSL certificate.
  • Jika anda ingin menghilangkan login user biasa(login wordpress) di atas connect with facebook maka anda download: http://www.e-aula.com/download/fbconnect_widget.zip kemudian ekstrack di home directory themes anda :)
  • Semua ekspedisi ini dilakukan untuk pengembangan blog http://internetsehat.org, ayo semua, gabung di http://internetsehat.org.
  • Jika di blog anda terdapat Fans box, sebaiknya API key-nya disamakan saja dengan API key Facebook connect anda. sebagai contoh anda menggunakan API key di FBconnect adalah: xxxxxxxxxxxxxxxxx. Maka nanti di script fans box anda sebaginya di bagian FB.init di isikan API key yang sama dengan FBconnect jadi seperti ini: FB.init(“xxxxxxxxxxxxxxxxx”);

5 Tanggapan to “Plugin WordPress “Connect With Facebook””

  1. generalbusiness Says:

    terima kasih buat informasinya, saya lagi cari cara… gimana bisa pasang plugin/widget dibawah halaman. Kalau standarnya WP khan bisa pada side saja, mungkin bisa membantu. Terima kasih

  2. Iwan Setiawan Says:

    thanks ya tapi saya masih belum berhasil

  3. dy2nk Says:

    minta penjelasan tentang cara memasang plugin Fb comment donk….susah tuch… please…

  4. arif Says:

    terima kasih infonya …. mas
    mampir di blog q yach nech ada menu-menu hangat paling hot

  5. info Says:

    ini dia yang lagi mau saya coba , makasih infonya gan 🙂


Tinggalkan komentar