Sistem komentar disqus banyak menjadi pilihan kaum blogger termasuk aku alasannya ialah selain tampilan yang elegan dan minimalis, disqus juga mempunyai fitur yang tak kalah anggun dengan sistem komentar lainya, menyerupai recent comment dan top commentators. Top disqus commentators ini biasa kita lihat di dashboard sendiri, namun ternyata dapat di pasang di blog juga.
Terinspirasi dari blog kompiajaib.com yang ketika ini ada tombol untuk menampilkan top disqus commentators ini, hanya saja mas adhy menyimpannya di halaman statis. Itu menciptakan aku mulai mengobok-obok browser, kali aja ada script untuk menampilkannya di blog. Akhirnya aku menemukan script ini di blog.kangismet.net untuk dipasang di sidebar sebagai widget top disqus commentators.
Akhirnya aku mencoba berinovasi untuk menampilkannya diatas kolom komentar dengan efek show hide biar tidak mengganggu ruang menyerupai yang anda lihat pada gambar animasi gif diatas. Jika anda tertarik untuk memasang top disqus commentators widget diatas kolom komentar sebaiknya ikuti langkah berikut ini: (Sebelumnya pastikan blog anda sudah terpasang jquery library dan font awesome)
Jika blog anda memakai 3 sistem komentar, silahkan simpan sempurna dibawah instruksi ini:
<div class='disqus-box' id='disqus-box'>
Keterangan: username : ganti dengan user nama disqus anda num_items : jumlah tampilan (silahkan atur jumlahnya) hide_mods : sembunyikan komentar admin (1 sembunyi, 0 tampil) hide_avatars : sembunyikan gambar (1 sembunyi, 0 tampil) avatar_size : mengatur ukuran gambar user
4. Terakhir silahkan simpan script dibawah ini diatas </body>
<script type='text/javascript'> //<![CDATA[ function toggleNavPanel2(e){var t=document.getElementById(e),c=document.getElementById("topcomment-button"),l="block";t.style.display==l?(t.style.display="none",c.innerHTML="Show Top Commentator"):(t.style.display="block",c.innerHTML="Hide Top Commentator")} $("#topcomment a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank'); //]]> </script>
Beberapa hari terakhir ini saya mulai sering mengobrek isyarat HTML blogger dan berhasil menciptakan top disqus commentators, itu menciptakan saya ingin tau dan bertanya-tanya "bagaimana cara menciptakan top commentators untuk komentar blogger?" sehingga saya mencoba mencari rujukan script untuk menampilkan Top Blogger Commentators. Seperti biasa script widget top commentators ini untuk dipasang di sidebar, baik itu komentar blogger atau disqus. Dan saya mencoba untuk sanggup tampil di atas kolom komentar.
Untuk demo silahkan menuju ke blog percobaan saya (http://rengpos.blogspot.com), lalu coba tes koment yang banyak. hehe...
Oke eksklusif saja jikalau anda ingin juga memasang / menciptakan top blogger commentators ini, silahkan ikuti langkah-langkahnya berikut ini:
silahkan ganti nama-aku-blogger diatas, dan angka 9 untuk menampilkan jumlah top comment. Lalu simpan / paste sempurna dibawah isyarat epilog pada isyarat berikut;
Setelah kemarin saya sudah menciptakan artikel ihwal cara menciptakan top disqus commentators diatas kolom komentar, saya rasa sudah cukup praktis untuk di modifikasi ulang sesuai selera. Namun ternyata masih ada yang kesulitan memasang top disqus commentators ini ke dalam kotak pesan komentar disqus. Karena itu disini saya akan menyebarkan kepada para sobat blogger tips dan trik memasangnya kedalam pesan komentar.
Sebelumnya ada 2 hal dan cara yang harus diperhatikan; bahwa ada kotak pesan komentar disqus untuk 3 sistem komentar menyerupai blog kompiajaib.com, ada pula kotak pesan komentar untuk komentar disqus saja menyerupai pada blog ini. Makara perhatikan langkah-langkahnya dan jangan sambil tidur agar tidak nyasar kemana-mana, dan pastikan blog anda sudah terpasang jquery library dan font awesome.
Model pertama untuk pengguna 3 sistem komentar
Pastikan bahwa blog anda sudah memakai kotak pesan untuk 3 sistem komentar. Jika belum, silahkan buat kotak pesan pada url postingan KompiAjaib dibawah ini:
/search?q=cara-membuat-top-disqus-commentators
Selanjutnya kita akan menyisipkan top disqus commentators pada kotak pesan disqus.
1. Silahkan cari instruksi dibawah ini dan tambahkan instruksi menyerupai yang saya tandai;
Keterangan: username : ganti dengan user nama disqus anda num_items : jumlah tampilan (silahkan atur jumlahnya) hide_mods : sembunyikan komentar admin (1 sembunyi, 0 tampil) hide_avatars : sembunyikan gambar (1 sembunyi, 0 tampil) avatar_size : mengatur ukuran gambar user
dan simpan / paste sempurna diatas instruksi berikut;
<div id='isi-pesan'>
3. Terakhir simpan script dibawah ini diatas </body>
<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //<![CDATA[ function toggleNavPanel1(e){var t=document.getElementById(e),c=document.getElementById("topcomment-button"),l="block";t.style.display==l?(t.style.display="none",c.innerHTML="Show Top Commentator"):(t.style.display="block",c.innerHTML="Hide Top Commentator")} $("a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank'); //]]> </script> </b:if>
Model kedua untuk pengguna komentar disqus saja
Jika blog anda hanya memakai komentar disqus dan ingin menciptakan pesan komentar menyerupai pada blog ini, silahkan perhatikan langkah dibawah ini:
1. Gunakan instruksi dibawah ini dan simpan diatas</head>
Supaya tidak mengganggu loading blog, anda dapat menghosting dan men-defer script diatas di penyedia hosting kesayangan anda tapi jangan di google drive alasannya sudah ditutup. lalu gunakan script dibawah ini;
