3 cara pasang facebook like button di blog

Cuekin saja judulnya yang campur Inggris itu, soalnya saya tidak tau mau tulis apa. Yang tidak tahu, facebook like button bentuknya seperti ini:

Ada tiga cara untuk memasang tombol facebook like/recommended:

1. Iframe
Meskipun ini yang termudah, tetapi jarangan ada yang sukses. Ini kodenya:

<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>

2. Kunjungi Facebook Development
Kunjungi situsnya di:

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

nanti disana kamu bisa menggenerate kodenya. Lalu pasang di blog.

3. Pakai xfbml
Caranya, buat ID di facebook Development. Pada "Application ID, copy ID yang kamu miliki, lalu pasang pada kode dibawah ini" Berikut adalah kodenya:

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

<fb:like action='like' colorscheme='light' expr:href='data:Post.url'
layout='standard' show_faces='true' width='500'/>
</b:if>

Ganti bagian yang saya kasih Bold dengan ID mu sendiri.

***

Note: Untuk memasang tombol itu dibawah post, caranya letakkan kode FBML dibawah <data:post.body/>.