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!


Langkah Langkah

Langsung saja tanpa banyak intro, berikut adalah langkah untuk Menampilkan Penghitung Jumlah Komentar Disqus di Blog. 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>

Ganti kode yang ditandai dengan punyamu, Kamu bisa menemukannya 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 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 berikut, dan sesuaikan dengan code diatas, jika mirip maka lanjutkan.
expr:onclick='data:post.addCommentOnclick'
Setelah ditemukan, kamu ganti kode barusan dengan menggunakan kode berikut.
 <span class='post-comment'><a expr:href='data:post.url + &quot;#disqus_thread&quot;' title='Comments'/></span>

Jangan lupa, cari sampai ketemu, biasanya ada dua atau lebih code serupa, 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 apakah sudah berhasil? seharusnya bisa sih. Jika belum silahkan cek lagi apakah ada yang salah memasukan 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.



Yuk Berlangganan Artikel Terbaru Gratis!

0 Response to "Cara Menampilkan Penghitung Jumlah Komentar Disqus di Blog"

Post a Comment

Contact Form

Name

Email *

Message *

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel