Cara Menampilkan Jumlah Komentar Disqus di Blogger

Cara Menampilkan Jumlah Komentar Disqus di Blogger

Baru kemarin, saya membagikan tutorial memasang komentar disqus valid HTML5 di blogger. Namun sayangnya setelah memasang komentar disqus pada blog, jumlah komentar yang tampil pada post meta masih merupakan jumlah komentar default blogger. Lalu bagaimana cara menampilkan jumlah komentar disqus? nggak usah khawatir, cara menampilkannya itu gampang banget dan saya akan menjelaskannya pada artikel ini.

Nggak usah kebanyakan basa-basi langsung aja berikut tutorialnya.

Cara Menampilkan Jumlah Komentar Disqus

Silahkan letakkan kode di bawah ini di atas kode </body>

<script id="dsq-count-scr" src="//wahyupratama.disqus.com/count.js" async="async"></script>

Ganti wahyupratama dengan username Disqus milik Anda.

Kemudian, Jika Anda menggunakan template standard atau default blogger, silahkan cari kode seperti ini.

<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
</span>

Kemudian ganti semua kode di atas dengan kode di bawah ini.

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

Jika Anda menggunakan template yang sudah di modifikasi, silahkan cari kode yang mirip dengan kode di bawah ini.

<b:if cond='data:post.allowComments'> 
<a expr:onclick='data:post.addCommentOnclick' href='#comment-form'> <b:if cond='data:post.numComments == 0'> No 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>
</b:if>

Kemudian ganti semua kode di atas dengan kode di bawah ini.

<i class='fa fa-comments-o'/> <a expr:href='data:post.url + &quot;#disqus_thread&quot;' title='Comments Count'/>

Kode <i class=’fa fa-comments-o’/> hanya digunakan apabila tampilan jumlah komentar blog Anda sebelumnya menggunakan font awesome. Jika sebelumnya tidak menggunakan font awesome yang Anda gunakan hanya kode <a expr:href=’data:post.url + &quot;#disqus_thread&quot;’ title=’Comments Count’/> saja.

Kemudian simpan template anda dan silahkan lihat hasilnya.

Semoga bermanfaat.

Leave a Reply