Cara Memasang Komentar Disqus di Blogger

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
Baca Juga

DONASI VIA PAYPAL

Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.igniel.com. Terima kasih.

Artikel Terkait

Berikan Komentar

Gunakan tag HTML <em> untuk menuliskan URL, potongan kode, atau hal penting lainnya.
Contoh: <em>isi pesan</em>