Cara Menampilkan/Membuat Penghitung Jumlah Komentar Disqus di Blog

Tutorial kali ini tentang cara membuat jumlah komentar Disqus agar tampil di homepage atau postingan blog, biasa juga disebut dengan menampilkan komentar di post meta. Sehingga setiap postingan akan menampilkan jumlah komentar dari Disqus tersebut. Yang perlu anda lakukan adalah mengganti pemanggil komentar blogger atau blogspot anda dengan pemanggil komentar yang disediakan oleh pihak Disqus.

Sebetulnya cara menampilkan jumlah komentar Disqus di website/blog itu cukup mudah, di website Disqus sendiri sudah ditunjukkan cara-caranya. Hanya saja cara tersebut sedikit ribet karena harus dimodifikasi sedikit dulu sebelum diterapkan ke blog berplatform blogger.

Baca juga: Widget yang Tidak SEO Friendly di Mesin Pencari

Jika telah selesai memasang komentar disqus di blog anda, namun kesulitan dalam menampilkan jumlah komentar Disqus, ikuti tutorial berikut ini.

Cara Mudah Menampilkan Jumlah Komentar Disqus di Blog

Cara Agar Jumlah Komentar Disqus Tampil di Blog

Pastikan anda sudah login ke akun Disqus, kemudian klik icon gerigi (settings) di sudut kanan atas samping avatar anda > Admin > Settings > Install >Uuniversal Code > lalu scroll kursor ke bawah, temukan kalimat ‘How to display comment count’.

Pada langkah pertama, anda akan diberikan kode yang harus diletakkan di atas kode </body>
Contoh kodenya seperti ini.
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = 'xxxxxx';
 
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = '//' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
</script>

Ganti kode yang ditandai pada kode di atas dengan username Disqus anda.

Langkah kedua, adalah mengganti pemanggil tampilan komentar blog anda dengan pemanggil tampilan komentar Disqus, dengan cara temukan kode berikut (atau kode yang sejenis) di blog anda, baik untuk homepage dan halaman postingan.
<span class='post-comment'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comments'><b:if cond='data:post.numComments == 0'>Add comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span>

Hapus kode di atas dan ganti dengan kode berikut.
<span class='post-comment'><a expr:href='data:post.url + &quot;#disqus_thread&quot;' title='Comments'/></span>

Kemudian simpan template anda.

Demikian tutorial tentang Cara Menampilkan atau Membuat Penghitung Jumlah Komentar Disqus di Blog, baik untuk homepage maupun di halaman postingan, semoga berhasil diterapkan di blog anda. Jika mengalami kesulitan silahkan berkomentar pada kolom komentar di bawah ini.
Niagahoster
Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
Mulai dari
Rp15K
/Bulan

IDCloudHost

View Details
  • Free SSL Certificate
  • LiteSpeed Enterprise dan Load Balancer
  • Unlimited Email
  • cPanel Control Panel
Visit Site
Tersedia Cloud VPS termurah, hanya Rp68 /jam
Free and premium blogger templates