Tulisan 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.
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 :
- Copy source code berikut ini.
- 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.
- Pada Dashboard WordPress, buka Appearance > Editor. Perhatikan file single.php dan page.php.
- 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.
- 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.
- Simpan semua aktifitas yang dikerjakan.
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px;"></iframe>
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
Comments
Pertamaxxx….
Artikelnya Mantappp gan….
Author
to : widiastuti
ok banget mas,,, perbedaan like bok dan like buton apa
Author
to : business
maaf mas, proses diatas itu untuk wp online berbayar ya? punya saya tidak muncul untuk menu editornya di appearance.
Author
to : awidyanto
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.. 😀
makasih sebelumnya.
Author
to : Cozy
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.
Itu yang saya terima ketika saya upload script facebook like
BAgus banget sob artikelnya,,
Terima Kasih ya Atas Penjelasannya
Trimaksih sekali m,,, ini sangat mebantu saya
masih bingung gan, baru di WP nih
gan cara bikin follow dan like di bawah judul posting blog bagaimana ya? email ya gan
like button di blog saya kenapa hilang ya? bisa bantu ga..