Cara Mudah Membuat Kotak Komentar Facebook Pada Blogger

1/13/2013
Sebuah blog tanpa kotak komentar, rasanya menjadi bukan 100 persen blog. Karena sejatinya blog adalah sebuah interaksi atau percakapan. Di Blogspot sendiri, sudah disediakan kotak komentar yang bisa disematkan di bawah postingan. Sehingga lebih mudah untuk pembaca blog untuk memberikan komentar. Walau dari segi fungsi kadang sedikit membingungkan karena harus memilih akun (atas nama) untuk berkomentar.


Ada beberapa situs yang memberikan layanan penyedia kotak komentar. Salah satunya facebook, situs jejaring sosial yang sangat populer itu menyediakan widget atau plugin untuk kotak komentar yang bisa dipasang di blog kita. Tampilan kotak komentar itu sangat facebook banget.

Cara membuat kotak komentar facebook di blog ini lebih mudah dibanding sebelumnya. Ini bisa menjadi salah satu alternatif kotak komentar blog yang bisa lebih ramah dan mempermudah pengguna atau pembaca untuk meninggalkan komentar. Seperti yang kita tahu, hampir semua orang punya akun facebook daripada akun blog.



Cara Membuat Kotak Komentar Facebook yang Mudah
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget

 
4. Cari kode <b:includable id='status-message'> dan di atas kode tersebut, kita akan menemukan kode </b:includable>
5.Taruh kode yang berwarna merah di atas </b:includable> seperti berikut:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://ariereski.blogspot.com/2013/01/cara-mudah-membuat-kotak-komentar.html' target='new'><img border='0' height='30' src='http://4.bp.blogspot.com/_VRwISTiabbk/TU66SGiMM6I/AAAAAAAABDA/F08fuVZaWOU/s1600/comment.gif' width='200'/></a></p>
<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='10' width='500'/>
</b:if>

</b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='status-message'>

6. Kita dapat ganti angka berwana biru : 10 = yaitu banyak komentar yang akan ditampilkan dan 500 = adalah lebar dari kotak komentar facebook.
7. Simpan Template jika sudah selesai.

Keuntungan memakai kotak komentar facebook adalah bentuknya thread comment, sehingga dapat membalas komentar. Selain itu juga terintegrasi dengan facebook, sehingga komentar bisa dibagikan (share) di facebook si komentator. Keuntungan lainnya dengan kotak komentar facebook adalah lebih menghemat tempat (space).

Artikel Terkait

Previous
Next Post »

5 komentar

Write komentar
8/12/2013 delete

thanks gan, sangat membantu :) http://goodispost.blogspot.com/2013/08/hemat-listrik-dengan-alat-ukur-dan.html

Reply
avatar
Unknown
Author
8/28/2013 delete

bro cara ganti warna tulisan koment nya gmna?? alnya koq item warna nya

Reply
avatar
3/16/2014 delete

mantap gan, langsung praktekin

Reply
avatar
10/26/2014 delete

Sangat membantu gan infonya buat saya pribadi. terimakasih sebelumnya ya gan sudah share artikel ini.

Reply
avatar
Unknown
Author
9/14/2016 delete

Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kbagi.com untuk info selengkapnya.

Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

Reply
avatar

Terima kasih telah komentar sesuai dengan topik, komentar dengan link akan dihapus !