Memasang Facebook Like Button untuk Website dan Blogger

Facebook telah meluncurkan sebuah fitur baru bagi website yang memungkinkan pengguna untuk membuat koneksi ke halaman web dan berbagi konten ke teman-teman di Facebook dengan satu klik. Fitur ini dikenal dengan nama “Like Button.” Zuckerberg mengatakan sudah ada sekitar 30 mitra besar Facebook yang meluncurkan fitur baru ini.

Kamu juga dapat memberikan catatan kecil yang menyatakan mengapa kamu Like (menyukai) item halaman yang kamu baca. Tombol ini akan terintegrasi ke dalam profil pengguna, sehingga halaman web yang kamu klik “Like Button” akan tampil di Wall Profile kamu.

Yang harus kamu lakukan adalah, cukup konfigurasikan kodenya dengan URL halaman website kamu dan tampilan tombolnya di Developers Like Button Facebook. Setelah itu tempel kode tersebut pada halaman website Anda. Namun bagi pengembang website yang ingin mengembangkan kode tersebut, Facebook telah menyediakan Open Graph Protocol untuk menambahkan meta data ke halaman web.

Bagi pengguna kamu blogger yang menggunakan Blogger, ada cara praktis untuk menambahkan Facebook Like Button pada setiap halaman secara otomatis.

Menambahkan Facebook Like Button pada setiap halaman Blogger:

1.Login ke akun Blogger, pada Dashboard pilih Design >> Edit HTML, dan centang "Expand Widget Templates".

2.Temukan kode <data:post.body/>, bisa kamu cari dengan tekan Ctrl+F, jika telah ketemu, masukkan kode ini tepat dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

Note: jika kode <data:post.body/> di blogmu ada 2, letakkan dibawah kode yang kedua.

3. Preview hasilnya, jika sudah OK, maka klik Save Template.

Tambahan bagi kode

1. Kamu dapat memilih antara Like dan Recommend, lihat kode di atas, ganti action=like dengan action=recommend maka akan berubah menjadi Recommend.

2. Mengganti jenis huruf pada kode. Kode font=arial dapat diganti dengan kode berikut:

• font=lucida+grande
• font=segoe+ui
• font=tahoma
• font=trebuchet+ms
• font=verdana 

3. Mengganti tampilan warna dari Facebook Like Button, coba kamu ganti colorscheme=light dengan colorscheme=dark atau colorscheme=evil pada kode di atas.

4. Mengganti  ukuran lebar dari Facebook Like Button, pada kode width:450px > Lebar: 450 dapat kamu ganti nilainya dengan ukuran yang pas dengan Blog kamu,  kode height:40px > Tinggi: 40 juga dapat kamu ganti.

Jika terdapat pertanyaan silahkan tuliskan pertanyaan pada kotak formspring di sidebar kanan, atau isi pada kotak komentar dibawah. Terimakasih.

[via ICTfiles, blogger plugins]