Cara Menampilkan Penghitung Jumlah Komentar Disqus di Blog

Pada tutorial kali ini saya akan menunjukan kepada kamu semua, gimana Cara Menampilkan Penghitung Jumlah Komentar Disqus di Blog, karena seperti yang diketahui, blog inipun menggunakan comment system dari disqus. Baca Juga : Alasan Kenapa Blogger Jangan Pake Disqus!

Baca Juga : Cara Memasang Disqus di Blogger

Update 7 Mei 2020

Jika kebetulan kamu menggunakan Template VioMagz versi 4.1.0 atau yang lebih baru, ada susunan yang berubah dan cara yang sebelum saya tulis jadi tidak berlaku kembali. Namun tenang karena setelah saya ulik langkahnya hampir sama, cuma memang kode yang harus diubah itu berbeda. 

Nah langsung saja, jika kamu pengguna VioMagz versi 4.1.0 atau yang lebih baru, kamu bisa mencari kode berikut didalam Dasbor blogger > Tema > Edit HTML. 

<span class='comment-info'>
                <b:if cond='data:view.isSingleItem'>
                    <a class='comment-link' expr:onclick='data:post.commentsUrlOnclick' href='#comments'>   
                        <b:if cond='data:post.numberOfComments &gt; 0'>
                            <b:message name='messages.numberOfComments'>
                                <b:param expr:value='data:post.numberOfComments' name='numComments'/>
                            </b:message>
                        <b:else/>
                            <data:messages.postAComment/>
                        </b:if>
                    </a>
                <b:else/>
                    <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
                        <b:if cond='data:post.numberOfComments &gt; 0'>
                            <b:message name='messages.numberOfComments'>
                                <b:param expr:value='data:post.numberOfComments' name='numComments'/>
                            </b:message>
                        <b:else/>
                            <data:messages.postAComment/>
                        </b:if>
                    </a>
                </b:if>
            </span>

Selanjutnya sama seperti tutorial dibawah, kamu hanya perlu mengganti kode tersebut dengan kode berikut : 

<span class='post-comment'><a expr:href='data:post.url + &quot;#disqus_thread&quot;' title='Comments'/></span>

Selanjutnya masukan kode dibawah ini tepat diatas kode </body>.

<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = 'punyamu';
    /* * * 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>

Silahkan ganti kode yang ditandai ('punyamu') dengan kode disqus yang bisa kamu temukan di halaman Disqus > Setting > General. Terakhir silahkan simpan tema, dan harusnya penghitung disqus sudah muncul seperti biasa. 

Kode yang harus dihapus dan diganti

Setelah konfigurasi diatas telah disimpan

Jika Kode Berbeda - Versi Lama

Jika kamu menggunakan Template VioMag* 3.2.8 kebawah, kamu bisa mengikuti langkah berikut, Pertama kamu masuk ke Dasbor blogger > Tema > Edit Html.

Selanjutnya, cari kode </body> kamu bisa menggunakan fitur pencarian ctrl+f. Dan masukan kode dibawah ini, tepat diatas kode </body>.

<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = 'punyamu';
    /* * * 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>

Silahkan ganti kode yang ditandai ('punyamu') dengan kode disqus yang bisa kamu temukan di halaman Disqus > Setting > General.

Selanjutnya kamu cari kode berikut, atau sesuatu yang mirip dengan kode ini, ini adalah code comment count bawaan dari blog sebelum pake disqus.

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

Dalam kasus saya, ada tiga buah kode serupa, yang mana mirip dengan kode sebagai berikut:

<span class='comment-info'> / <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>  </a> </span>

Saran untuk kamu adalah, kamu cari kode dibawah ini, dan sesuaikan dengan code diatas, jika mirip maka lanjutkan.

expr:onclick='data:post.addCommentOnclick'

Setelah ditemukan, kamu ganti kode barusan dengan menggunakan kode berikut, sama seperti yang saya jelaskan di awal pada bagian Template VioMag* 4.1.0.

<span class='post-comment'><a expr:href='data:post.url + &quot;#disqus_thread&quot;' title='Comments'/></span>

Jangan lupa nih, cari kode diatas sampai ketemu, dalam versi template VioMag* atau sejenisnya biasanya ada dua atau lebih code serupa, yang mana diidentifikasi sebagai yang pertama untuk diluar artikel dan kedua adalah untuk didalam artikel, selain itu jika template sudah mendukung mobile view, maka akan ada lagi.

Jika sudah selesai, silahkan simpan tema, dan silahkan lihat apakah sudah berhasil? seharusnya bisa sih. Jika belum silahkan cek lagi apakah ada yang salah memasukkan atau mungkin ada kesalahan dimana comment count belum diaktifkan.

Oke Terima Kasih, dan Semoga Berhasil. Btw jika ada pertanyaan, silahkan tanyakan pada kolom komentar dibawah.

Video Tutorial : Resmi Dari Disqusnya.

Gylang Satria Penulis, Blogger dan Author di WinPoin .

Share :