Cara Menampilkan Jumlah Komentar Disqus

7/26/2015
Cara Menampilkan Jumlah Komentar Disqus

Cara Menampilkan Jumlah Komentar Disqus - Seperti yang sobat tahu bahwa sekarang disqus sudah tidak lagi mendukung fasilitas import dan syncronize untuk platform blogger. Dikarenakan Google telah mengupdate aplikasi otentik akses data login dengan yang terbaru yaitu OAuth 2.0. sejak April 20 2015 yang lalu, sedangkan Disqus masih menggunakan akses otentik yang lama yaitu AuthSub yang menyebabkan fasilitas import dan syncronize tidak berjalan dan otomatis akan teredirect ke halaman error / help Google.

Terlepas dari itu, pada kesempatan kali ini Arlina Design Akan memberi tips tentang cara memunculkan jumlah komentar Disqus di halaman index atau postingan. Tips kali ini Saya bagikan karena ada sobat blogger yang menggunakan sistem komentar disqus dan ingin memunculkan tampilan jumlah komentar sesuai dengan komentar yang ada pada artikel di blognya.

Ok sebelumnya sobat sudah menginstall widget disqus di blog, jika sudah silakan ikuti langkah berikut ini :

1. Login ke profil Disqus sobat > kemudian klik icon settings > Admin > Settings > Install > Universal Code > Kemudian scroll ke bawah, temukan kalimat ‘How to display comment count’. Kemudian salin kode tepat 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 seperti ini (Kode ini diambil dari template default Blogger, untuk selebihnya sesuaikan dengan markup komentar template yang sobat gunakan)

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

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

Ganti title dengan kata yang diinginkan

Bagi pengguna template Minima Colored dan template dengan kode serupa, bisa 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 &gt; 1'><data:post.numComments/> Comments</b:if> 
              </a>
              </span>
            </b:if>

Ganti kode yang ditandai menjadi seperti ini :

<b:if cond='data:post.allowComments'>
              <span class='comment-info'>
              <i class='fa fa-comments-o'/> <a expr:href='data:post.url + &quot;#disqus_thread&quot;' 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 &gt; 1'><data:post.numComments/> Comments</b:if> 
              </a>
              </span>
            </b:if>

3. Selesai, simpan template.


Cukup sekian untuk tips Cara Menampilkan Jumlah Komentar Disqus, semoga bermanfaat.


Referensi : http://www.bungfrangki.com/2015/07/cara-mudah-menampilkan-jumlah-komentar-disqus.html

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

9 comments

You moved to the system of standard blogger comments.
For SEO issues?
You can teach how to style for the box of comments?

Balas

Yes, that the one of my reason

Balas

I'll be very happy if you share! Success.

Ps - I finished my first template and have some of your influences?

Balas

Thanks mba bro... Work 100%. ^^

Balas

makasih mbak, in yang saya cari mbak

Balas

Iya, silakan dicoba

Balas

Cara nampilin komentar Disqus di tab menu view bagaimana? 'Kan saya pengguna templat Minima Magazine, nah ada tab menu viewnya pas saya pakai Disqus langsung hilang komentarnya.

Balas

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.