Cara Mudah Membuat Widget Recent Comment Disqus Pada Blog

Jokam-Informatika.com - Bagi sobat yang memiliki sebuah blog ataupun website pastinya sudah tidak asing dengan komentar para pengunjung, sebuah komentar dari pengunjung sangatlah penting bagi pemilik website karena dapat memberikan indikasi kepada para pengunjung bahwa tulisan yang sudah kita muat telah dibaca dan juga didiskusikan oleh berbagai pengunjung sebelum kita. Namun sebagai admin, pastinya kita mempunyai kewajiban yang besar untuk membalas pertanyaan yang diajukan oleh komentator. Oleh karena itu seharusnya apabila anda sebagai pemilik website maka anda diwajibkan mengetahui satu persatu komentar terbaru yang belum anda jawab. Dengan adanya widget ini maka pekerjaan anda akan terasa lebih ringan dan anda juga bisa terhindar dari ketidaktahuan komentar terbaru. Padahal hal tersebut sangatlah penting untuk dibalas sebagai admin yang baik.

Seperti apakah cara pembuatannya dan apa kelebihannya ?

Simak ulasan berikut ini untuk mengetahuinya,

Widget Komentar - adalah salah satu fitur yang memudahkan admin dalam meninjau komentar yang ditambahkan oleh pengunjung ketika mereka mengalami kendala ataupun sebuah permasalahan pada saat mempelajari konten anda. Dengan memiliki widget ini maka tentunya memudahkan anda pada saat me-moderasi komentar pengunjung. Berikut ini merupakan cara untuk membuatnya :

Masuk pada dashboard Blogger.

KLIK DISINI

Kemudian klik tab "Tata Letak atau Layout".
Lalu tambahkan widget dengan cara "Add a Widget".
Pilih Javascript.
Beri nama pada widget agar tidak tertukar dengan widget lain suatu saat, lalu masukan script berikut ini pada widget tersebut :


<div style="overflow:auto;width:auto;height:500px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">
<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 22px;font-style: italic;line-height: 1.4;}
</style>

<script type="text/javascript" src="https://jokam-informatika.disqus.com/recent_comments_widget.js?num_items=200&amp;hide_mods=1&amp;hide_avatars=0&amp;avatar_size=40&amp;excerpt_length=100">
</script>

</div>

Keterangan :
jokam-informatika = ganti dengan id disqus sobat
num_items = jumlah komentar yang ditampilkan
hide_mods = berguna untuk komentar admin (0 untuk menampilkan, 1 untuk menyembunyikan)
hide_avatars = berguna untuk foto komentator (0 untuk menampilkan, 1 untuk menyembunyikan)
avatar_size = ukuran foto
excerpt_length = karakter huruf yang dimuat

Kemudian save dan terapkan pada blog.
Lalu cek website anda apabila berhasil maka akan timbul widget yang berisi komentar yang anda inginkan di tempat tadi anda pasang script.