Cara Memasang Komentar Disqus di Blogger

Cara terbaru mengganti kotak komentar bawaan Blogspot menjadi widget komentar Disqus tanpa harus menghapus script asli yang valid HTML5 dan SEO Friendly.
Cara Memasang Kotak Komentar Disqus di Blogger

Sebagian besar blogger pasti sudah familiar dengan nama brand ini. Disqus adalah penyedia layanan plugin / widget komentar yang bisa dipasang di blog ataupun website. Fitur melimpah dan tampilannya yang menarik menjadikannya sangat populer di kalangan blogger. Tidak heran plugin ini bisa ditemukan di banyak tempat karena memiliki beragam keunggulan dibanding kotak komentar bawaan situs itu sendiri. Diantaranya:
  1. Tampilan sederhana tapi sangat memanjakan mata.
  2. Bisa menambahkan emoji.
  3. Bisa memasukkan gambar. Sangat membantu apalagi di blog dengan niche tutorial.
  4. Terdapat related post bawaan yang SEO Friendly.
  5. Terdapat reaction button (upvote, funny, love, surprised, angry, sad).
  6. Dan masih banyak lainnya. Kamu harus coba sendiri.

Banyak sekali pengguna Blogspot yang memilih untuk menggunakan Disqus sebagai kotak komentar di dalam postingannya karena banyaknya kelebihan yang sudah disebutkan di atas. Kalau saya pribadi sih lebih senang kometar bawaan Blogspot. Bagi kamu yang mau coba pasang plugin kotak komentar Disqus di Blogger, ikuti panduannya berikut ini.

Cara Mengganti Komentar Bawaan Blogger Menjadi Komentar Disqus

1. Pastikan kamu sudah memiliki akun di website resminya yang beralamat di https://disqus.com. Jika belum punya, registrasi dulu ya. Caranya gampang kok, jadi proses registrasi tidak akan dijelaskan disini.


2. Setelah pendaftaran sukses, langsung buka alamat ini:
https://disqus.com/admin/create

3. Isikan data yang diperlukan. Setelah selesai, klik tombol Create Site.
Website Name: Nama website. Dari sini akan didapatkan username / shortname.
Category: kategori. Sesuaikan dengan niche blog.
Perhatikan menu Website Name. Ketika mengisi, disana akan otomatis ter-generate shortname. SIMPAN NAMA SHORTNAME karena nanti akan digunakan.
Cara Memasang Komentar Disqus di Blogger Terbaru Valid HTML5

4. Kamu mungin akan dibawa ke halaman berlangganan. Pilih saja Free agar selamanya gratis.
Cara Pasang Kotak Komentar Disqus di Dalam Postingan Blogger

5. Setelahnya kamu akan diminta untuk memilih platform blogging yang digunakan. JANGAN DIPILIH DULU, karena kita akan pakai jalan lain agar cara memasang plugin komentar Disqus di dalam postingan Blogspot ini lebih valid HTML5.

6. Sebagai gantinya kita akan pakai kode berikut. Ganti igniel-net dengan shortname masing-masing.
<b:if cond='data:view.isSingleItem'>
<div id='disqus_thread'/>
<script>
var disqus_shortname = 'igniel-net';
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
  if (!disqus_blogger_current_url.length) {
    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
  }

  var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
  var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
//<![CDATA[
(function() {
  var bloggerjs = document.createElement('script');
  bloggerjs.type = 'text/javascript';
  bloggerjs.async = true;
  bloggerjs.src = '//'+disqus_shortname+'.disqus.com/blogger_item.js';
  (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
})();
//]]> </script>
</b:if>

7. Dimana kita menempatkan kodenya pada Blogger?
Cari dulu kode berikut. 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.
<b:include cond='data:view.isSingleItem' data='post' name='comment_picker'/>
ATAU
<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

Tempatkan script Disqus tepat "SESUDAH / DIBAWAHNYA". Contohnya seperti gambar dibawah ini.
Cara Install Widget Comment Disqus di Blogspot


8. Sekarang kotak komentar Disqus sudah terpasang di blog. Tapi komentar bawannya masih ada, jadi kita sembunyikan dulu. Cuma disembunyikan ya, tidak perlu dihapus. Untuk jaga-jaga jika suatu hari ingin kembali memakai komentar bawaan Blogger lagi. 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 Disqus di Dalam Postingan Blogspot

Pengaturan Lanjutan

Ini bersifat opsional, artinya boleh dilakukan boleh tidak. Jika kamu merasa komentar Disqus terlalu berat dan menambah waktu loading halaman, maka ada satu cara yang bisa mengatasinya. Yaitu komentar baru dipanggil ketika pengunjung melakukan klik pada tombol. Jadi saat loading awal tidak akan langsung muncul, maka tidak akan terasa berat. Caranya bisa kamu temukan di artikel dengan judul Cara Memuat Komentar Disqus Saat Klik Tombol.

Dan tutorial lengkap cara memasang kotak komentar Disqus di Blogger pun selesai. Jadi kamu lebih suka kolom kometar yang mana nih?

https://help.disqus.com/installation/manually-adding-a-disqus-gadget-to-blogger
34
Cara Memasang Komentar Disqus di Blogger
Cara Memasang Komentar Disqus di Blogger
Cara terbaru mengganti kotak komentar bawaan Blogspot menjadi widget komentar Disqus tanpa harus menghapus script asli yang valid HTML5 dan SEO Friendly.
Bagikan ke aplikasi lainnya:
  • WhatsApp
  • Telegram
  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn

Artikel Terkait

34 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.
  • Rabbit Run
    04 Januari, 2022
    Profil: https://www.blogger.com/profile/15515183494785880008
    Thanks kak work,,
  • OKANE
    11 Juli, 2021
    Profil: https://www.blogger.com/profile/11645131296152002589
    mantap banget jangan lupa berkunjung ke web saya juga ya
    techgame.my.id / anigamania.com
  • aseng
    01 Juli, 2021
    Profil: https://www.blogger.com/profile/03294990915117600939
    mntab bro, sukses terusss
  • aseng
    01 Juli, 2021
    Profil: https://www.blogger.com/profile/03294990915117600939
    manajemen.uma.ac.id
  • Good Nice
    08 Januari, 2021
    Profil: https://www.blogger.com/profile/03041755969737467146
    Terimakasih informasi dan penjelelasannya..

    BIOS Laptop Acer Asus Dell Fujitsu Gateway Hp Lenovo Samsung Toshiba
  • Sutrisno
    31 Desember, 2020
    Profil: https://www.blogger.com/profile/06124350477831665621
    kalau cara buat baca juga di akhir postingan atau di tengah tengah agr otomatis gimana yah ?
  • Gigend Workspace
    01 November, 2020
    Profil: https://www.blogger.com/profile/02915567621247226126
    mbak kalau ngilangin script disqus di beberapa post yang spesifik gimana ya?
    • Gigend Workspace
      12 November, 2020
      Profil: https://www.blogger.com/profile/02915567621247226126
      sudah mbak, terima kasih ternyata itu pakai class id khusus.
  • 00ki
    13 Juli, 2020
    Profil: https://www.blogger.com/profile/15941031473640840253
    Tahun ini daftar atau login disqus di saya gagal mulu, kenapa ya
  • Riza
    27 April, 2020
    Profil: https://www.blogger.com/profile/18259184104970791023
    Kak gimana cara kembalikan komentar dari disqus ke blogger ?
  • Obbi-Handira
    23 Desember, 2019
    Profil: https://www.blogger.com/profile/15775175735879004259
    Universitas Medan Area merupakan Perguruan Tinggi Terbaik di Sumatera Utara, informasi lengkap kunjungi www.uma.ac.id
  • ENDE'ES
    24 November, 2019
    Profil: https://www.blogger.com/profile/17421803322072089730
    Bawaan aja sih udah lumayan
  • Ari
    07 Oktober, 2019
    Profil: https://www.blogger.com/profile/03660652176667079675
    artikel manjiw
  • Megumi Aisaka
    12 September, 2019
    Profil: https://www.blogger.com/profile/06136696009752842132
    Sip mantab bosqu
  • ArRahim
    21 Agustus, 2019
    Profil: https://www.blogger.com/profile/18324895804097516935
    kalau di gabung dengan koment bawaan blogger dengan tab gitu gimana caranya mba?
  • CodePlug Official
    18 Agustus, 2019
    Profil: https://www.blogger.com/profile/12279229827902794150
    soal disqus third party pihak ketiga menggunakan otoritasi disqus soal keamanan bsa di liat authnya dstu jangan asal otoritasi aja tau2 otoritasinya ke file2 penting bsa bhasa akun googllenya sekdedar berbagi info
  • Tuffinks
    08 Agustus, 2019
    Profil: https://www.blogger.com/profile/07869423167025768910
    Terima kasih, sangat lengkap penjelasannya dan jelas
  • Fian Lim
    15 Juni, 2019
    Profil: https://www.blogger.com/profile/12640482023213629926
    gan kalau mauy digabungin dengan commentar lain kok ga bisa ya ?
    ada solusi gan ?
    Jangan lupa gan kunjungi balik yah situs kami : www.situsbandaronline.com
  • Fian Lim
    15 Juni, 2019
    Profil: https://www.blogger.com/profile/12640482023213629926
    terima kasih gan, agan sudah membantu saya memecahkan solusi yang saya cari
    Jangan lupa kunjungi situs saya juga gan : www.situsbandaronline.com
    Sakong Online
    BandarQ
    AduQ
    Capsa Susun
    DominoQQ
    Bandar66
    Poker
    BandarQ Poker
    Sakong Online
  • Tauhidan
    14 Juni, 2019
    Profil: https://www.blogger.com/profile/14298880046418584296
    kok agan gk pake disqus?, trus juga ada tuh blog yg komennya punya 3 jenis kira2 itu memperlambat blog gk ya?
  • RaulGanteng
    29 Mei, 2019
    Profil: https://www.blogger.com/profile/18367965694089597649
    saya coba dan ternyata sekarang berhasil. Terima kasih ya
  • Nasrul Umam
    21 Mei, 2019
    Profil: https://www.blogger.com/profile/04472417949513919666
    Sip, sukses saya terapkan pada halaman tertentu.
  • Indy Gaming ID
    16 Mei, 2019
    Profil: https://www.blogger.com/profile/12326621319343407559
    disqus emang mantap, tampilannya sederhana tapi enak dilihat
  • MasKalem
    28 April, 2019
    Profil: https://www.blogger.com/profile/01010187442206251770
    kalau mau digabungin gimana mna?
  • Andrie Kristianto
    23 April, 2019
    Profil: https://www.blogger.com/profile/08210527234493534744
    Kalau buat nambahin komentar blogspot yang hilang gimana yaa mbak ?, mau nambah komentar disqus secara manual atau otomatis juga gak bisa :(
  • Clickart
    08 Maret, 2019
    Profil: https://www.blogger.com/profile/03423242306411775993
    Mantap
  • LUCIFER
    29 Januari, 2019
    Profil: https://www.blogger.com/profile/06555436960398468778
    sangat berfaedah
  • jon
    02 Januari, 2019
    Profil: https://www.blogger.com/profile/08592940159681254667
    disini nggak pakai disqus gan?
    • Igniel
      02 Januari, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Enggak.
    • roqib
      01 September, 2019
      Profil: https://www.blogger.com/profile/00088887917479458259
      kenpaa kok gak pakai disqus?
    • Igniel
      01 September, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Gak doyan. Masih milih bawaan Blogger.
    • Mas Kolektor
      02 Mei, 2020
      Profil: https://www.blogger.com/profile/00404115259560220770
      pasti karena belum support auto light / dark mode button :D
    • Teacher
      17 Juli, 2021
      Profil: https://www.blogger.com/profile/17560912629488693790
      Hahaha admin juga blm nyoba
    • Igniel
      17 Juli, 2021
      Profil: https://www.blogger.com/profile/09199170379661896200
      Haha lawak.
      https://www.igniel.com/p/about.html