Disqus widget untuk Blogspot, WordPress, dan Tumblr

Diperbarui   /   Terbit di Coding   /   Komentar

Ketika postingan ini ditulis, widget Disqus yang sebelumnya tersedia di halaman Admin Disqus sudah dihilangkan. Widget-widget ini menggunakan JavaScript, dan kecepatan loadingnya pun cepat jadi tidak memperlambat loading blog kita.

Caranya cukup menambahkan kode di HTML/Javascript widget dengan kode-kode berikut:

Popular Post / Most Discussed

Untuk menambahkan widget ini tambahkan kode berikut:

<div id="popularthreads" class="dsq-widget">
  <h2 class="dsq-widget-title">Popular Threads</h2>
  <script type="text/javascript" src="http://danlogs.disqus.com/popular_threads_widget.js?num_items=5"></script>
</div>

Kustomisasi:

  • Ganti danlogs.disqus.com dengan URL Disqusmu
  • Pada num_items=5 adalah jumlah postingan yang dimunculkan

Recent Comments

Gunakan kode berikut untuk menambahkan widget ini:

<div id="recentcomments" class="dsq-widget">
  <h2 class="dsq-widget-title">Recent Comments</h2>
  <script type="text/javascript" src="http://danlogs.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=32&excerpt_length=200&hide_mods=0"></script>
</div>

Kustomisasi:

  • Ganti danlogs.disqus.com dengan URL Disqusmu
  • Pada num_items=5 adalah jumlah postingan yang dimunculkan
  • Ganti hide_avatars=0 dengan hide_avatars=1 untuk menyembunyikan avatar
  • Untuk avatar_size=32 adalah ukuran avatar
  • Untuk excerpt_length=200 merupakan jumlah karakter komentar yang dimunculkan
  • Ganti hide_mods=0 dengan hide_mods=1 untuk menyembunyikan moderator

Top Commenters

Cukup tambahkan kode berikut:

<div id="topcommenters" class="dsq-widget">
  <h2 class="dsq-widget-title">Top Commenters</h2>
  <script type="text/javascript" src="http://danlogs.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32"></script>
</div>

Kustomisasi:

  • Ganti danlogs.disqus.com dengan URL Disqusmu
  • Pada num_items=5 adalah jumlah postingan yang dimunculkan
  • Ganti hide_mods=0 dengan hide_mods=1 untuk menyembunyikan moderator
  • Ganti hide_avatars=0 dengan hide_avatars=1 untuk menyembunyikan avatar Untuk avatar_size=32 adalah ukuran avatar

Complete

Recent Comments, Popular Post, Top Commenters.

Widget ini merupakan gabungan dari semua widget di atas, berikut kodenya:

<div class="heading blue">
  <h2>Community</h2>
  <script type="text/javascript" src="http://danlogs.disqus.com/combination_widget.js?num_items=5&hide_mods=0&color=grey&default_tab=recent"></script>
</div>

Kustomisasi:

  • Ganti danlogs.disqus.com dengan URL Disqusmu
  • Pada num_items=5 adalah jumlah postingan yang dimunculkan
  • Ganti hide_mods=0 dengan hide_mods=1 untuk menyembunyikan moderator
  • Untuk color=grey adalah base color dari widget
  • Untuk default_tab=recent adalah tab defaultnya

Itulah macam-macam widget Disqus yang bisa kita tambahkan untuk memperlengkap komentar Disqus yang ada di blog kita.

Catatan: untuk Tumblr biasanya disetiap tema sudah menyediakan kolom deskripsi, taruh script di kolom tersebut.