Sabtu, 07 April 2012

Cara Membuat Komentar Facebook Sederhana di Blog

Sobat pasti sering melihat kotak komentar facebook pada suatu blog, sebenarnya cara membuat kotak komentar ini cukup mudah dan simple. BAnyak kelebihan yang bisa kita dapatkan jika kita memasang kotak komentar pada blog kita. Buat sobat yang ingin mencoba memasangnya pada blog sobat, silahkan lihat screenshot berikut ini.


 Nah, bagi sobat yang ingin membuat kotak komentar facebook di blogspot ikuti tutorial berikut ini.

  1. Log ini ke akun blogger sobat;
  2. Pilih menu Rancangan » Edit HTML;
  3. Beri tanda centang pada tulisan Expand Template Widget;
  4. Carilah kode <data:post.body/>, jika sobat telah memasang kode readmore, maka letakkan kode berikut tepat dibawah kode <data:post.body/>, yang kedua;
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://www.wakrizki.net/2011/02/membuat-komentar-facebook-sederhana.html' target='new'><img border='0' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvdO8x-QfAejNZuUSoKnT_IZN4fpEE5drCYaAIPSoXe8xcBvcbQMRdHY1-PzLzIY7V92bZBkKivaJiXHQtQIqw9bxdFJ2DMIu9xo8WT7W_EtjbHaix9uiyeWbnDNNVEznyihetYOgtIDc/s1600/comment.gif' width='200'/></a></p>
<div id='fb-root'/>
<script>window.fbAsyncInit = function() {
FB.init({appId: '124630597583565', 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';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
  1. Selanjutnya simpan template sobat

2 komentar:

  1. Mantap Gan.. akhirnya berhasil... dah bolak balik nyari, tapi semuanya gagal dan susah dipahami... thanks..

    BalasHapus