Membuat Komentar Facebook Sederhana Pada Blogspot

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.

Langkah pertama sobat login ke account blogger sobat, kemudian lihat gambar dibawah ini.

Jika sudah selesai, sobat cari kode <b:includable id='status-message'> kemudian sobat akan menemukan kode </b:includable> ini berada tepat diatas kode yang pertama tadi. Kemudian kopas kode dibawah ini dan letakkan diatas kode </b:includable> tadi.

<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' num_posts='3' width='500'/> </b:if>

Sobat bisa merubah jumlah post komentar dengan mengganti angka 3 pada num_posts dengan jumlah yang sobat inginkan dan width (lebar) kotak kementar sesuai dengan keinginan sobat. Jika sobat menggunakan template yang memiliki warna background hitam atau gelap, silahkan tambahkan kode colorscheme='dark' sehingga menjadi seperti dibawah ini.

<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' num_posts='3' width='500' colorscheme='dark'/> </b:if>

Peletakan kodenya akan terlihat seperti ini.

<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='500'/>
</b:if>
</b:includable>
<b:includable id='status-message'>

Jika langkah diatas tidak berhasil, coba sobat letakkan kode tersebut dibawah kode <data:post.body/>, tetapi jika sobat telah memasang kode readmore, biasanya kode tersebut ada dua, maka letakkan pada kode kedua.

Semoga berhasil. Create by www.WakRizki.net