Membuat Tombol Facebook Like Tanpa Plugin
Di postingan sebelumnya tentang cara meningkatkan traffic blog, pernah saya sampaikan bahwa salah satu cara yang bisa dilakukan untuk lebih mempopulerkan blog yaitu dengan memanfaatkan situs jejaring sosial yang sedang trend seperti twitter, facebook, koprol dsb, baik dengan mengimpor feed blog atau membuat tombol untuk share/submit artikel ke jejaring sosial tersebut sehingga artikel kita akan lebih punya kesempatan yang luas untuk dibaca oleh banyak orang.
Selain cara tersebut di atas anda juga bisa memanfaatkan salah satu fitur yang ada di Facebook yaitu dengan memasang tombol “Like” di dalam postingan atau di sebuah halaman. Ketika ada pengunjung yang tertarik dengan artikel anda dan pengunjung tersebut mempunyai akun di facebook kemudian menekan tombol Like tersebut, maka otomatis artikel beserta linknya akan terkirim di dinding facebooknya dan akan bisa dibaca oleh teman-temannya atau jaringannya.
Cara seperti ini sebenarnya sudah cukup banyak yang mempostingnya, namun karena masih banyak juga permintaan dari pengunjung blog ini yang menanyakan cara memasang tombol facebook like, maka sekalian saya buatkan tutorialnya.
Cara Pasang Tombol Facebook Like Di WordPress
Jika anda ingin memasang tombol Facebook Like di dalam postingan, anda bisa menempatkan script di bawah ini di dalam file single.php yang ada di folder theme yang anda gunakan.
<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; height:60px;"></iframe>
Script (iframe) tersebut bisa anda tempatkan sebelum kode <?php the_content(); ?>
jika tombol facebook like akan ditempatkan di atas postingan, dan setelahnya jika tombol facebook like akan ditempatkan di bawah postingan.
Beberapa parameter yang bisa digunakan berkaitan dengan tombol facebook like tersebut antara lain :
- show_face=true, akan menampilkan foto profil facebook di bawah tombol facebook like.
- layout=button_count, hanya akan menampilkan simpel button.
- colorscheme=dark, pilihan warna background tombol facebook like lebih gelap.
- action=recommend, mengganti tombol Like ke Recommend.
Di samping parameter tersebut di atas, anda juga bisa membuat pengaturan tentang tinggi dan lebar dari iframe tersebut.
Catatan :
Tombol facebook like ini di samping punya banyak manfaat juga ada kekurangannya yaitu, karena menggunakan teknik iframe mungkin akan sedikit memperlambat waktu loading, di samping itu juga akan menambah jumlah http request.
Kekurangan lainnya, setelah pasang tombol facebook like ini blog anda terutama untuk halaman single.php atau postingan menjadi ‘Tidak Valid HTML’.
Referensi : http://developers.facebook.com/docs/reference/plugins/like/
Contoh hasil tutorial ini :
thanks Y gan Tutorial nya Izin Ke TKP gann..
salam kenal good luck always…
Reply
maksudnya “postingan menjadi tidak valid html” artinya apa ya mas?
apakah berpengaruh terhadap permalink yang menggunakan .html? soalnya saya menggunakan itu
Reply
Alwi Reply:5-05-2011 at 13:53
Maksudnya tidak valid HTML adalah jika halaman postingan kita validasi di W3C HTML Validation Service biasanya hasilnya menunjukkan ada kode markah HTML (kode HTML yg ada di bagian body) yg tidak valid (error), itu karena akibat ada penambahan kode2 pihak ketiga, salah satunya seperti kode2 facebook like itu.
Jadi, validasi HTML tidak ada hubungannya dg akhiran/ektensi html di akhiran URL dari permalink yg ada karena itu hanya acceessories saja, bisa disetting dg akhiran html, php atau lainnya atau bisa juga tanpa akhiran/ekstensi
Reply
saya mengurangi pemakaian iframe mas kalau untuk yg share dll gt.. kalau untuk iklan boleh lah hehehe
Reply
Sip,,, makasih gan! bermanfaat sekali tips nya…
Reply
kayake harus sering2 mampir kesini nih,hheee…la knl ya gan….
Reply
udh dicoba mas, mksh infonya
Reply
Barcode scanner Reply:11-05-2011 at 00:42
hasilnya bagus kan? sippp lah
Reply
Belum pernah sih coba utak-atik traffic lewat facebook. Boleh juga nih dicoba…
Reply
thanks tutorialnya…. lagi blajar ni…
Reply
nice share, efesien mana sih sebetulnya pake iframe dengan plug in kang?
Reply
Alwi Reply:12-05-2011 at 11:49
Kalau menurut saya lebih praktis pakai iframe, kalau pakai plugin disamping menambah http request juga menambah jumlah queries
Reply
Tips yang bagus mas..trims
Reply