Pasang Tombol Facebook Like di Setiap Artikel Blog

Facebook, situs layanan jejaring sosial paling ngetop, baru-baru ini merilis fitur baru yaitu Faebook Like. Kalau sebelumnya tobol “Like” hanya terlihat pada situs Facebook saja (misalnya di bawah status update seorang pengguna Facebook), dengan fitur ini seorang pengguna Facebook bisa menunjukkan rasa suka/like langsung di situs di luar Facebook. Tapi tentunya hanya pada situs/blog yang memasang tombol ini.

Nah, bila anda ingin juga memasang tombol “Like” di artikel blog, berikut ini cara pemasangannya.

Sebenarnya, di situs Facebook sudah tersedia tool untuk mendapatkan kode yang bisa dipasang di website/blog (silahkan lihat di sini). Tapi sayangnya, pada pilihan URL to Like di tool itu, kita hanya bisa menentukan URL statis, tidak bisa membaca secara otomatis URL setiap artikel/halaman blog (URL dinamis). Untuk itu perlu sedikit modifikasi dari kode yang bisa di dapat di Facebook itu.

Silahkan pilih kode yang sesuai dengan platform blog yang dipakai.

1. Pemasangan di template Blogspot/Blogger (XML)

Silahkan login, masuk ke Layout, lalu klik Edit Template, centang pilihan Expand Widget Templates. Cari kode di template anda, lalu di atas/di bawahnya pasang kode ini:

&lt;/pre&gt;<br />&lt;p style="text-align: center;"&gt;*&lt;/p&gt;<br />&lt;h3&gt;&lt;span style="color: rgb(255, 0, 255);"&gt;2. Pemasangan di template <br />Wordpress.org (PHP)<br />&lt;hr style="color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204);" noshade="noshade"&gt;&lt;/span&gt;&lt;/h3&gt;<br />&lt;p&gt;Silahkan login, masuk ke Appearance, lalu klik Editor (Themes <br />editor). Silahkan buka template Single Post (single.php) atau Page <br />Template (page.php). Carilah kode &lt;code&gt;&lt;?php the_content(); ?&gt;&lt;/code&gt;,<br /> lalu di atas/di bawahnya tambahkan kode ini:&lt;/p&gt;<br />&lt;pre style="overflow: auto;"&gt;&lt;iframe src="http://www.facebook.com/plugins/like.php?href=&lt;?php the_permalink() ?&gt;&amp;amp;action=&lt;span style="color: rgb(0, 0, 255);"&gt;&lt;strong&gt;like&lt;/strong&gt;&lt;/span&gt;&amp;amp;layout=&lt;span style="color: rgb(0, 128, 0);"&gt;standard&lt;/span&gt;&amp;amp;show_faces=&lt;span style="color: rgb(0, 128, 0);"&gt;true&lt;/span&gt;&amp;amp;width=&lt;span style="color: rgb(0, 128, 0);"&gt;450&lt;/span&gt;&amp;amp;font=&lt;span style="color: rgb(0, 128, 0);"&gt;arial&lt;/span&gt;&amp;amp;colorscheme=&lt;span style="color: rgb(0, 128, 0);"&gt;light&lt;/span&gt;" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:&lt;span style="color: rgb(0, 128, 0);"&gt;450px&lt;/span&gt;; height:&lt;span style="color: rgb(0, 128, 0);"&gt;25px&lt;/span&gt;;"&gt;

3. Pemasangan di Sidebar/Widget/Halaman Statis (HTML)

Catatan:

Kita bisa memilih setting tampilan tulisan pada tombol, yaitu “Like” (Suka) atau “Recommend” (Rekomendasikan). Silahkan ganti kode like pada bagian action=like menjadi action=recommend pada pilihan kode di atas (kode berwarna biru).

Kalau mau silahkan ganti-ganti setting pada kode yang berwarna hijau, utuk pilihannya silahkan lihat di situs Facebook.

otomotif