Cara Menampilkan Jumlah Komentar Disqus - Seperti yang teman tahu bahwa kini disqus sudah tidak lagi mendukung kemudahan import dan syncronize untuk platform blogger. Dikarenakan Google telah mengupdate aplikasi otentik kanal data login dengan yang terbaru ialah OAuth 2.0. semenjak April 20 2015 yang lalu, sedangkan Disqus masih memakai kanal otentik yang usang ialah AuthSub yang menjadikan kemudahan import dan syncronize tidak berjalan dan otomatis akan teredirect ke halaman error / help Google.
Terlepas dari itu, pada kesempatan kali ini Akan memberi tips ihwal cara memunculkan jumlah komentar Disqus di halaman index atau postingan. Tips kali ini Saya bagikan alasannya ada teman blogger yang memakai sistem komentar disqus dan ingin memunculkan tampilan jumlah komentar sesuai dengan komentar yang ada pada artikel di blognya.
Ok sebelumnya teman sudah menginstall widget disqus di blog, bila sudah silakan ikuti langkah berikut ini :
1. Login ke profil Disqus teman > kemudian klik icon settings > Admin > Settings > Install > Universal Code > Kemudian scroll ke bawah, temukan kalimat ‘How to display comment count’. Kemudian salin instruksi sempurna sebelum </body>
Contoh kode
<script type="text/javascript"> /* * * CONFIGURATION VARIABLES * * */ var disqus_shortname = 'arlinadesign'; /* * * 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>Kode yang ditandai merupakan user name disqus sobat.
2. Selanjutnya cari markup komentar kira-kira ibarat ini (Kode ini diambil dari template default Blogger, untuk selebihnya sesuaikan dengan markup komentar template yang teman gunakan)
<span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span>Kemudian ganti semua instruksi di atas dengan instruksi di bawah ini :
<span class='post-comment'><a expr:href='data:post.url + "#disqus_thread"' title='Comments'/></span>Ganti title dengan kata yang diinginkan
Bagi pengguna template Minima Colored dan template dengan instruksi serupa, dapat dengan cara di bawah ini :
<b:if cond='data:post.allowComments'> <span class='comment-info'> <i class='fa fa-comments-o'/> <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 > 1'><data:post.numComments/> Comments</b:if> </a> </span> </b:if>Ganti instruksi yang ditandai menjadi ibarat ini :
<b:if cond='data:post.allowComments'> <span class='comment-info'> <i class='fa fa-comments-o'/> <a expr:href='data:post.url + "#disqus_thread"' expr:onclick='data:post.addCommentOnclick' title='Comments'> <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 > 1'><data:post.numComments/> Comments</b:if> </a> </span> </b:if>3. Selesai, simpan template.
Cukup sekian untuk tips Cara Menampilkan Jumlah Komentar Disqus, agar bermanfaat.