1. Blogun yönetim panelinde "HTML'yi Düzenle" sayfasına girin ve "Widget Şablonlarını Genişlet" seçeneğini aktif hale getirin 2.
2. Şablon kodlarında

   <data: post.body/>

   kodunu bulun ve altına aşağıdaki kodu ekleyin 2:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
  FB.init({
    appId: 'app id',
    status: true,
    cookie: true,
    xfbml: true
  });
};
(function() {
  var e = ********.createElement('script');
  e.async = true;
  e.src = ********.********.protocol + '//connect.facebook.net/en_US/all.js';
  ******.getElementById('fb-root').appendChild(e);
}());
</script>
<div>
<fb:like action='like' colorscheme='light' layout='standard' show_faces='true' width='450'/>
</div>
Kopyala

3. Koddaki "app id" kısmını, Facebook Developers sayfasından alınan uygulama ID ile değiştirin ve şablonu kaydedin 2.

1. Şablon kodlarında

   <data: post.body/>

   kodunu bulun ve altına aşağıdaki kodu ekleyin 5:

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

2. Bu yöntem, yazıların altında değil, üstünde bir düğme görünmesini istiyorsanız kullanılabilir 3.