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 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.