» »Unlabelled » Disqus widget untuk Blogspot, WordPress, dan Tumblr

Disqus widget untuk Blogspot, WordPress, dan Tumblr

Diposting oleh Imanullah Label: di 05.51
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:

Widget Disqus 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

Widget Disqus 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

Widget Disqus 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

Widget Disqus 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.

Posting Komentar

Back to Top