Cara membuat Komentar Facebook Di Blog Terbaru

Farhan Share - Selamat pagi sobat farhan, selamat berkativitas. Baik postingan kali ini farhan ingin nge-share tentang tutorial blog yang sering menjadi kendala di kalangan para blogger, karena kadang-kadang ada yang salah kode ataupun salah tempat pemasanganya, yakni membuat komentar facebook di blog. menurut para blogger pada umumnya widget ini sangatlah bagus untuk diterapkan di blog, karena pengunjung bisa mengomentari artikel sobat melalui facebook mereka masing-masing, itu artinya jika setiap orang mengepostkan komentar mereka ke timeline mereka di facebook, akan banyak orang yang mengetahui keberadaan dan kualitas blog kita, selain itu widget ini juga lebih memudahkan pengunjung karena, pada umumnya pengunjung malas jika harus mengisi form komentar standar yang di sediakan oleh blogger, dengan facebook mereka tinggal sign in, lalu sudah bisa mengomentari artikel tersebut, dan juga ternyata pemasanganya  cukup mudah kok sobat, tinggal mengikuti langkah-langkah di bawah ini, di simak bai-baik ya.

1. Login ke Blogger.

2. Pilih Template.

3. Pilih Download Full template terlebih dahulu.

4. Klik "Edit HTML".

5. Centang Box "Expand Template Widget".

6. Lalu sobat cari kode yang kira-kira mirip seperti di bawah ini menggunakan CTRL + F / F3.

</b:includable>

<b:includable id='status-message'>

  <b:if cond='data:navMessage'>

  <div class='status-msg-wrap'>

    <div class='status-msg-body'>

      <data:navMessage/>

7. Lalu sobat letakkan kode di bawah ini di atas kode </b:includable> 

<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='620'/>  

</b:if>  

8. Sehingga susunan kodenya menjadi seperti di bawah 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='620'/>  

</b:if>  

</b:includable>

<b:includable id='status-message'>

  <b:if cond='data:navMessage'>

  <div class='status-msg-wrap'>

    <div class='status-msg-body'>

      <data:navMessage/>

9. Klik "Save" dan selesai.

Selamat mencoba sobat farhan, bila ada pertanyaan comment di bawah.