Home  ›  Blogger  ›  Facebook

Cara Memasang Komentar Facebook di Blogger

Cara Memasang Kotak Komentar Facebook di Blogger

Untuk bisa menggunakan komentar Facebok di blog ini pengunjung diharuskan login dulu ke akun masing-masing. Berhubung Facebook adalah media sosial terbesar dan terbanyak penggunanya di Indonesia, bisa dipastikan hampir 100% pengunjung blog sudah memiliki akun Facebook, jadi semuanya bisa berkomentar.

Pengguna Facebook pun biasanya lebih bawel dan aktif. Hal ini bisa dilihat di postingan Fanspage media atau berita dimana sesama pengguna saling lempar argumen sehingga interaksinya sangat tinggi. Jadi siapa tahu dengan memasang kotak komentar Facebook ini, blog kamu bisa ikutan ramai seperti cerita diatas.

1. Pasang Script SDK

Cara mengganti komentar bawaan Blogger dengan komentar Facebook. Pertama, simpan kode ini "SETELAH / DI BAWAH" <body>.
<div id="fb-root"></div>
<script> //<![CDATA[
  (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v3.1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]> </script>

Baca Juga: Cara Memasang Kotak Komentar Disqus di Blogger

2. Sembunyikan Komentar Bawaan Blogger

Biasanya orang lain menyarankan untuk menghapus kode komentar bawaan Blogger. Tapi saya tidak akan melakukan itu untuk jaga-jaga jika suatu hari ingin kembali menggunakan plugin komentar asli.

Komentar bawaan cukup disembunyikan, tidak perlu dihapus. Caranya:
1. Pergi ke menu Settings » Posts, comments and sharing.
2. Di bagian Comment Location pilihlah Hide.
3. Setelahnya klik tombol Save settings.

Cara Memasang Kotak Kolom Komentar Facebook di Dalam Postingan Blogspot

3. Pasang Script Komentar Facebook

Sekarang saatnya untuk memasang kotak komentar Facebook di dalam postingan Blogger. Cari dulu kode dengan nama comment_picker ATAU commentPicker di dalam template.
<b:include cond='data:view.isSingleItem' data='post' name='comment_picker'/>
ATAU
<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

Jika kesulitan, gunakan fitur pencarian dengan menekan keyboard CTRL + F dan cukup masukkan kata kunci name='comment_picker' ATAU commentPicker agar mudah dicari. Jadi tidak usah mencari semua kodenya ya, cukup masukkan kata kunci saja.

Baca Juga: Cara Memasang Kode Meta Tag Facebook Open Graph Agar SEO Friendly

Setelah ketemu, simpan kode berikut "SETELAH / DI BAWAH" kode yang berhasil ditemukan tadi:
<b:if cond='data:view.isSingleItem'>
<div class='fb-comments' data-numposts='5' expr:data-href='data:blog.canonicalUrl' data-width='100%'></div>
</b:if>
data-numposts adalah jumlah komentar yang muncul di muka. Angkanya bisa diubah sesuai keinginan.

Cara Mengganti Komentar Bawaan Blogger Dengan Komentar Facebook

Gimana, gampang banget kan cara pasang plugin komentar Facebook ke dalam artikel Blogger? Yuk praktekan langsung ke blog masing-masing!
21
SHARE Pin Share
Lebih baru Lebih lama
Artikel Terkait
21 komentar
  1. Trending Today31 Desember, 2018

    okee

    BalasHapus
  2. Admin Kai05 Januari, 2019

    bermanfaat sekali, thanks min ^^

    BalasHapus
  3. irma suryani22 Januari, 2019

    trimaksh infonya ya
    mohon skiranya kunjungi juga
    www.duniainformasi.site

    BalasHapus
  4. Admin29 Januari, 2019

    Mba igniel minta tutorialnya dong, cara bikin kotak layanan donasi seperti diblog ini. Terima kasih atas ilmunya

    BalasHapus
    Balasan
    1. Igniel21 November, 2019

      Ini ya.
      https://www.igniel.com/2019/06/kotak-donasi-paypal.html

      Hapus
  5. Tukang Gendong10 Maret, 2019

    mantab banget, jangan lupa kunjungan balik ya,.
    http://androidremuk.com

    BalasHapus
  6. Naruto Subtitle Indonesia12 Mei, 2019

    mmakasih gan
    http://cintasholawat.fastblog.net

    BalasHapus
  7. Eva20 Mei, 2019

    kok malah gak muncul komen fb nya

    BalasHapus
  8. Soldanov27 Mei, 2019

    Terimakasih atas ilmunya kak, jangan lupa mampir ke https://www.garutupdate.com/ ya kak

    BalasHapus
  9. Lynxis09 Juli, 2019

    dari beberapa kali coba tuts ini yang berhasil.. terima kasih mbakk...

    BalasHapus
    Balasan
    1. Pungkas nurrohman15 Juli, 2019

      Punya saya kok gak muncul ya? Waktu pasang script nomor 3 muncul notif klo blog1 tidak dapat menampilkan b:if

      Hapus
  10. Pinyuh Blog20 Juli, 2019

    trus cara mengetahui balasan komentar dari orang kek gimana?

    BalasHapus
    Balasan
    1. Pinyuh Blog20 Juli, 2019

      maksudnya tanpa moderation tool fb dari id fb yg langsung masuk ke dashboard blogger kita

      Hapus
    2. Igniel21 Juli, 2019

      Komen dari FB nggak bisa masuk ke Blogger. Harus dicek ke web FB. Nanti ada notifnya di sana.

      Hapus
  11. admin infotegno15 Agustus, 2019

    sudah sesuai tutor kok masih saja nggak muncul ya gan

    BalasHapus
    Balasan
    1. mr.admin12 Oktober, 2019

      Sedikit membantu :)

      Ganti Who can comment? menjadi Anyone

      Settingan awal blogger adalah : User with Google Accounts

      Salam kenal : ismmedia.blogspot.com

      Hapus
  12. PCM METRO BARAT02 September, 2019

    Terima kasih
    https://www.pcmmetrobarat.org

    BalasHapus
  13. PAWON RAKYAT05 September, 2019

    kok kode comment_picker atau commentPicker ngga muncul ya kak di html ?
    padahal udah saya cari pake ctrl + F. syedih deh

    BalasHapus
  14. aziz03 Oktober, 2019

    mantap kak ignieel, makasih ilmunya sngt bermanfaat. aku coba trik2 yang lain komennya gk muncul, cuma pas pake trik ka igniel, srkg blognya yang gak muncul wkwkw becanda, alhamdulillah dah ada kok komennya. thanks ya , sukses terus kak. jangan lupa bales hhe

    BalasHapus
    Balasan
    1. Igniel21 November, 2019

      Hi. Alhamdulillah kalau muncul. Makasih

      Hapus
  15. bagi pengalaman09 Oktober, 2019

    sip, langsung praktek

    BalasHapus

Posting Komentar