Login

jQuery simple disqus recent comments widget


Baru-baru ini, saya tertarik untuk menambahkan widget untuk menampilkan komentar terakhir disqus di website saya. Sebenarnya disqus sudah menyediakan widget resmi mereka menggunakan javascript tetapi kita tidak bisa menesuaikan bentuk widgenya dengan selera kita :D.

Maka dari itu untuk membuat manual widget disqus sesuai yang kita inginkan maka caranya adalah menggunakan disqus API untuk mendapatkan data mentah/JSON.

https://disqus.com/api/3.0/forums/listPosts.json?forum=' + username + '&limit=' + count + '&related=thread&api_key=' + apikey
Maka sobat dapat menyesuaikannya dengan kebutuhan sobat.

Bahan

  • Sebuah publik api_key disqus. Sobat akan membutuhkannya untuk dapat menggunakan API. Untuk mendapatkannya, login ke akun disqus sobat dan membuat aplikasi. sobat tidak perlu rahasia API untuk widget, hanya kunci API, yang dapat terekspos publik pada sisi client. Ingatlah untuk meninjau pengaturan aplikasi, sobat akan menentukan domain yang di ijinkan untuk menggunakan API key ini.
  • jQuery. Apakah ada halaman di luar sana yang belum menggunakan perpustakaan besar untuk manipulasi DOM? sobat pasti menggunakannya sudah di situs sobat.

Demo 1

Sobat hanya perlu memasukan domain/username, jumlah komentar yg akan ditampilkan, API key


Seperti yang sobat lihat itu hanya contoh widget yang sangat sederhana cuma menggunakan html,css dan jquery. Sekian dan terima kasih :)

Fork me on GitHub



Contributor:

issues