Memasang Like Button Facebook di WordPress

Like ButtonTulisan ini merupakan kelanjutan dari tutorial sebelumnya tentang like box facebook. Sama halnya dengan like box, like button adalah sebuah plugin yang dikembangkan oleh facebook. Mungkin Anda pernah melihat sebuah halaman postingan yang di bagian atas atau bawah postingan terdapat sebuah tombol dengan tulisan like dengan icon facebook di sampingnya, atau seperti tombol like pada like box. Gampangnya, Anda tinggal melihat like button yang ada di bagian atas konten postingan ini.

Like Button

Nah dalam tulisan ini Saya akan mencoba memaparkan langkah-langkah yang dilakukan untuk memasang like button facebook di blog wordpress.

Nah dalam tulisan ini Saya akan mencoba memaparkan langkah-langkah yang dilakukan untuk memasang like button facebook di blog wordpress. Tujuannya agar like button selalu muncul di setiap postingan, dan halaman. Tombol ini  akan berguna bagi setiap pengguna facebook yang ingin mengekspresikan rasa “like”-nya terhadap sebuah postingan. Setiap tulisan yang di “like ” oleh pengguna, akan secara otomatis muncul di wall penguna tersebut.

Langkah-langkah yang dilakukan :

  1. Copy source code berikut ini.

  2. <iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px;"></iframe>

  3. Copy script di atas dan atur sesuai dengan keinginan anda. Pengaturan bisa dilakukan dengan memodifikasi lebar (width) atau tinggi dengan menambahkan perintah height:XXpx; -> XX ganti dengan angka.
  4. Pada Dashboard WordPress, buka Appearance > Editor. Perhatikan file single.php dan page.php.
  5. Buka file single.php, pastekan kode tersebut di bagian atas atau bagian bawah source <?php the_content(); ?>. Jika memilih di atas, maka tombol lika akan muncul di atas isi postingan dibawah judul. Langkah ini dilakukan untuk menampilkan tombol like di semua postingan.
  6. Selanjutnya buka file page.php, kembali pastekan kode tersebut di bagian atas atau bagian bawah source <?php the_content(); ?>. Langkah ini dilakukan untuk menampilkan tombol like di semua halaman blog wordpress Anda.
  7. Simpan semua aktifitas yang dikerjakan.

Sedikit penjelasan. Tag : get_permalink($post->ID), adalah perintah untuk menangkap URL address yang aktif saat halaman itu dibuka. Lebih tepatnya URL address untuk halaman itu. Sehingga halaman tersebut bisa dikirimkan ke wall pengguna dengan model “like”. Perintah “action=like” bisa dimodifikasi ke “action=recommend” jika Anda lebih tertarik menggunakan kata recommend.

Silahkan perhatikan perubahannya. Mudah bukan? Let’s Share

Isaninside – Tiga hari sebelum pulang meninggalkan Sleman, Yogyakarta.

Recommended link :

http://m-alwi.com/membuat-tombol-facebook-like-dan-share-tanpa-plugin.html

http://developers.facebook.com/docs/reference/plugins/like/

Share :
  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Twitter
  • Google Bookmarks
  • Google Buzz
  • RSS
  • Technorati
  • Add to favorites
  • email
  • MySpace
  • Plurk

Leave a Reply

15 thoughts on “Memasang Like Button Facebook di WordPress”

    1. to : business

      Sama2 mas, perbedaannya, like box bisa dilihat di bagian widget blog ini, dimana terdapat daftar facebooker yang me-like facebook fan page blog ini. Kalau like button hanya menampilkan button like (atau recommend) tanpa menampilkan daftar facebooker yang me-like facebook fan page. Kira-kira begitu mas, thanks

  1. maaf mas, proses diatas itu untuk wp online berbayar ya? punya saya tidak muncul untuk menu editornya di appearance.

    1. to : awidyanto

      Gratis kok mas.. semuanya bisa diatur di developer facebook. ada beberapa settingan disitu dan juga bisa pilih jenis source code yang digunakan..

  2. artikelnya keren…tapi koq waktu saya coba praktekin, posisinya udah betul sebelum artikel (di bawah judul). cuma tingginya itu loh… jadi setelah tombol like, agak jauh ke isi artikelnya.

    saya suka dengan tombol like di sini pak.
    apa ada tutorialnya biar “like” nya mirip seperti yang di sini.. :D

    makasih sebelumnya.

    1. to : Cozy

      Makasih…. mbak/mas
      Hahaha, tombol like di blog ini saya modifikasi dengan css, dan disesuaikan dengan space yang saya sediakan mbak/mas.. Malah nanti tidak match dengan space blognya..
      coba gunakan perintah berikut:
      <div style="height=35px;padding=4px;border=1px solid #dddddd">SCRIPT Like Button Tarok di Sini</div>
      monggoo

  3. You can’t post this because it has a blocked link.: The content you’re trying to share includes a link that’s been blocked for being spammy or unsafe:Body of an error/warning message. Title is: You can’t post this because it has a blocked link.For more information, visit the Help Center. If you think you’re seeing this by mistake, please let us know.