Cara letak facebook 'Like' button pada Entry post blog

Tutorial kali ini bagaimana cara pasang button facebook ‘like’ pada setiap entry post pada blog anda.Fungsi button like ini adalah untuk membantu meningkatkan traffic pengungjung ke blog anda.Apabila anda menekan butang like,secara automatic akan keluar pada wall akaun facebook  anda menunjukkan bahawa anda menyukai entry pada post blog tersebut.

Bagi pengguna blogspot,caranya mudah sekali.Pertama,Login akaun blog,then pergi kt Design-->Edit Html-->Tick pada box 'Expand widget Template'.

Dengan menekan key Ctrl + F anda perlu search kod html ini <data:post.body/>.Kalau anda perhatikan,terdapat dua kod <data:post.body/>,dibawah dan di atas,jika anda tekan butang next & previous pd Find box kt bawah browser itu.Pilih kod td yg diatas.Then copy kod Fb Like button pastu paste kan sebelum kod <data:post.body/> jika anda inginkan butang like tu berada diatas entry post.Jika anda mahu ia berada dibawah entry post,pastekan selepas kod <data:post.body/>.

Kod Fb Like button :

 <div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.url" layout='button_count' send='false' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>

Ikut langkah langkah dibawah..

 Langkah 1

 Cari kod html <data:post.body/>.Tekan butang 'next' pd sebelah find box.Terdapat dua kod <data:post.body/>..Pilih yg kt atas.Then copy kod Fb like button pastekan sebelum atau selepas kod <data:post.body/>.

Contoh :


Pilihan 1 - Button berada diatas Entry blog (paste Sebelum kod <data:post.body/>)

<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.url" layout='button_count' send='false' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div><data:post.body/>.

Pilihan 2 - Button berada dibawah Entry blog (paste Selepas kod <data:post.body/>)

<data:post.body/><div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.url" layout='button_count' send='false' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>

Langkah 2

Tekan button preview untuk memastikan kod itu dipastekan ditempat yg betul.Jika keluar like button seperti yg ditunjukkan pd gmbar diatas.Tekan save template.

Selamat mencuba !

Read more »