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>


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.


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!

Artikel Terkait

45 komentar

  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong> (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.
  • Eva
    21 Januari, 2023
    Profil: https://www.blogger.com/profile/08710122825565061932
    Mantap hu thanks infonya
  • Hay
    21 Januari, 2023
    Profil: https://www.blogger.com/profile/17017347598431768399
    Komen nya nanti masuk kemana
    • Igniel
      21 Januari, 2023
      Profil: https://www.blogger.com/profile/09199170379661896200
      Ke widget komentar Facebook.
  • Enjoe
    28 Mei, 2022
    Profil: https://www.blogger.com/profile/07776906850106309693
    ini sistemnya dibuat kalo muncul saat klik tombol bisa gak mba? yang kayak disqus
  • Mas Gondskii
    17 September, 2021
    Profil: https://www.blogger.com/profile/08315195225120185242
    Kemaren juga sempet ngalamin... makasih kak artikel nya membantu...
  • slot pragmatic
    15 September, 2021
    Profil: https://www.blogger.com/profile/11804115281053454270
    artikelnya sangat membantu sekali bos terimakasih sudah berbagi
  • Mimin
    05 Agustus, 2021
    Profil: https://www.blogger.com/profile/16713946930241545434
    teh, di template textrim v3 yg free saya cari2 kode teu aya wae dimana nya teh? ayana oge body data-glitch eta kitu?
  • Chakly Raflesia
    16 Juli, 2021
    Profil: https://www.blogger.com/profile/02106258514379347993
    Terus nanti kalo ada yang koment pake faceboon di Blog, Kita dapet notifnya dimana kak?
  • Judin
    28 Juni, 2021
    Profil: https://www.blogger.com/profile/18252754510715554185
    Mantap suhu
  • infopertama
    14 Mei, 2021
    Profil: https://www.blogger.com/profile/16794557525954091378
    siap jalankan tutorialnya bos
  • Sultan Dori
    17 Januari, 2021
    Profil: https://www.blogger.com/profile/14685197113589448477
    Kalau cara menyembunyikan komentar facebook di halaman tertentu, misal di about us itu gmn ya mbak igniel?
  • Jerryan
    25 Desember, 2020
    Profil: https://www.blogger.com/profile/06799377903380448550
    terima kasih mas igniel atas panduan memasang komentar facebook di bloggernya . baru saya terapkan di blogger saya dan berjalan dengan lancar. Terima kasih banyak , mas igniel. Salam blogger.

    https://asfarasyoucandoit.blogspot.com/
  • Han Farhan
    03 Desember, 2020
    Profil: https://www.blogger.com/profile/05826918822005935931
    gak muncul :-(
  • wendy
    04 November, 2020
    Profil: https://www.blogger.com/profile/16414468084218104366
    Ini prlu tambah tag meta id facebook sama id apk gk ya
  • TVplwcom
    21 September, 2020
    Profil: https://www.blogger.com/profile/05947387440071984843
    Kok nggak lo terapin di blog lho
  • Dea
    18 September, 2020
    Profil: https://www.blogger.com/profile/09463031057995567406
    langsung work, thanks ya
  • Unknown
    07 Juli, 2020
    Profil: https://www.blogger.com/profile/09983698423207763527
    ijin pakai suhu
  • BACO DULU
    02 Juli, 2020
    Profil: https://www.blogger.com/profile/12062737449480338400
    Agan menggunakan kolom komentar apa
  • Aditya Januardi
    10 Mei, 2020
    Profil: https://www.blogger.com/profile/04971884584951414426
    Mantap infonya, nice artikel 👍
  • Sterno Automotive
    14 Februari, 2020
    Profil: https://www.blogger.com/profile/12623655862233620864
    Kok bisa
  • Evan deppran
    08 Januari, 2020
    Profil: https://www.blogger.com/profile/01976694733154832194
    Nyimak
  • bagi pengalaman
    09 Oktober, 2019
    Profil: https://www.blogger.com/profile/00064183411085459586
    sip, langsung praktek
  • aziz
    03 Oktober, 2019
    Profil: https://www.blogger.com/profile/16993046633250978564
    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
    • Igniel
      21 November, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Hi. Alhamdulillah kalau muncul. Makasih
  • PAWON RAKYAT
    05 September, 2019
    Profil: https://www.blogger.com/profile/06690880015817023704
    kok kode comment_picker atau commentPicker ngga muncul ya kak di html ?
    padahal udah saya cari pake ctrl + F. syedih deh

  • PCM METRO BARAT
    02 September, 2019
    Profil: https://www.blogger.com/profile/16022722947300464566
    Terima kasih
    https://www.pcmmetrobarat.org
  • admin infotegno
    15 Agustus, 2019
    Profil: https://www.blogger.com/profile/12779174239148514571
    sudah sesuai tutor kok masih saja nggak muncul ya gan
    • mr.admin
      12 Oktober, 2019
      Profil: https://www.blogger.com/profile/15028257954639871095
      Sedikit membantu :)

      Ganti Who can comment? menjadi Anyone

      Settingan awal blogger adalah : User with Google Accounts

      Salam kenal : ismmedia.blogspot.com
  • Roni
    20 Juli, 2019
    Profil: https://www.blogger.com/profile/17957043817708413934
    trus cara mengetahui balasan komentar dari orang kek gimana?
    • Roni
      20 Juli, 2019
      Profil: https://www.blogger.com/profile/17957043817708413934
      maksudnya tanpa moderation tool fb dari id fb yg langsung masuk ke dashboard blogger kita
    • Igniel
      21 Juli, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Komen dari FB nggak bisa masuk ke Blogger. Harus dicek ke web FB. Nanti ada notifnya di sana.
  • Dhanny
    09 Juli, 2019
    Profil: https://www.blogger.com/profile/03455097694318571030
    dari beberapa kali coba tuts ini yang berhasil.. terima kasih mbakk...
    • Pungkas nurrohman
      15 Juli, 2019
      Profil: https://www.blogger.com/profile/08912097388643087179
      Punya saya kok gak muncul ya? Waktu pasang script nomor 3 muncul notif klo blog1 tidak dapat menampilkan b:if
  • Pena Digital
    27 Mei, 2019
    Profil: https://www.blogger.com/profile/18123707859335767754
    Terimakasih atas ilmunya kak, jangan lupa mampir ke https://www.garutupdate.com/ ya kak
  • Eva
    20 Mei, 2019
    Profil: https://www.blogger.com/profile/08710122825565061932
    kok malah gak muncul komen fb nya
    • ⠀
      06 Agustus, 2021
      Profil: https://www.blogger.com/profile/14861092182195724906
      tunggu beberapa detik, memang agak lama kalau muncul komentar facebook karna berat
      kalau masih belum muncul
      cek tutor di : farih.web.id
  • Naruto Subtitle Indonesia
    12 Mei, 2019
    Profil: https://www.blogger.com/profile/02098657058681863253
    mmakasih gan
    http://cintasholawat.fastblog.net
  • Unknown
    10 Maret, 2019
    Profil: https://www.blogger.com/profile/00696091430266822867
    mantab banget, jangan lupa kunjungan balik ya,.
    http://androidremuk.com
  • Admin
    29 Januari, 2019
    Profil: https://www.blogger.com/profile/09514865497601513651
    Mba igniel minta tutorialnya dong, cara bikin kotak layanan donasi seperti diblog ini. Terima kasih atas ilmunya
    • Igniel
      21 November, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Ini ya.
      https://www.igniel.com/2019/06/kotak-donasi-paypal.html
  • Dunia Informasi
    22 Januari, 2019
    Profil: https://www.blogger.com/profile/15061853086454247005
    trimaksh infonya ya
    mohon skiranya kunjungi juga
    www.duniainformasi.site
  • Onhax ID
    05 Januari, 2019
    Profil: https://www.blogger.com/profile/00952844989056635064
    bermanfaat sekali, thanks min ^^
  • negerikertas.com
    31 Desember, 2018
    Profil: https://www.blogger.com/profile/13688420814959875373
    okee