5 Cara Membuat Widget Komentar Terbaru (Recent Comments) di Blog

Pernahkah Anda menemukan sebuah blog yang menampilkan komentar-komentar terbaru di postingan blog tersebut? Mungkin memang jarang, tapi kadang ada beberapa blog yang memasang Widget Komentar Terbaru (Recent Comments) dengan tujuan agar pengunjung blog tertarik untuk ikut memberikan komentar mereka pada postingan-postingan artikel yang memuat banyak komentar.
Terlebih jika blog Anda memiliki pembahasan yang unik atau pun viral, pastinya orang-orang akan sangat senang memberikan komentar pada postingan blog Anda. Dengan adanya Widget Komentar Terbaru, blog juga lebih menarik karena mennjukkan postingan artikel yang sedang ramai dikomentari dan secara tidak langsung membuat kesan interaktif pada blog.

Seperti yang sudah dikatakan sebelumnya, Widget Komentar Terbaru berguna untuk menyajikan komentar-komentar terbaru yang muncul di postingan blog. Dengan memasang widget ini, Anda sebagai admin blog juga akan mengetahui langsung komentar postingan yang baru saja masuk. Anda bisa menilai sejauh mana artikel-artikel blog Anda mendapatkan apresiasi melalui komentar-komentar yang diberikan oleh pengunjung blog.
Nah, pada kesempatan kali ini kami ingin berbagi tutorial bagaimana cara memasang Widget Komentar Terbaru (Recent Comments) di blog Blogger.

Baca Juga : Apa Itu Semantic Search? Berikut Pembahasannya

Widget ini nantinya bisa Anda pasang di bagian sidebar blog atau pun bagian footer, bebas sesuai kehendak Anda.

1. Buka akun Blogger Anda.

2. Pilih menu “Layout” atau “Tataletak”.

3. Kemudian, klik “Add Gadget” atau “Tambahkan Gadget” pada penempatan yang Anda inginkan.

4. Klik “HTML/JavaScript” dan copy paste script code di bawah ini ke dalam kolom yang tersedia.
<script>
// Jumlah komentar yang ingin dimunculkan
var jumlahKomentar = 5;
// true = menampilkan tanggal komentar
// false = menyembunyikan tanggal komentar
var tanggalKomentar = false;
// true = menampilkan judul artikel yang dikomentari
// false = menyembunyikan judul artikel yang dikomentari
var judulArtikelKomentar = true;
// Jumlah maksimal karakter komentar
var jumlahKarakterKomentar = 100;
function showrecentcomments(e) {
for (var jsonFeed = 0; jsonFeed < jumlahKomentar; jsonFeed++) {
var entryFeed, entryFeeds = e.feed.entry[jsonFeed];
if (jsonFeed == e.feed.entry.length) break;
for (var i = 0; i < entryFeeds.link.length; i++)
if (“alternate” == entryFeeds.link[i].rel) {
entryFeed = entryFeeds.link[i].href;
break
}
entryFeed = entryFeed.replace(“#”, “#”);
var entryFeedSplit = entryFeed.split(“#”);
entryFeedSplit = entryFeedSplit[0];
var entryFeedSlashSplit = entryFeedSplit.split(“/”);
entryFeedSlashSplit = entryFeedSlashSplit[5], entryFeedSlashSplit = entryFeedSlashSplit.split(“.html”), entryFeedSlashSplit = entryFeedSlashSplit[0];
var entryFeedSplitReplace = entryFeedSlashSplit.replace(/-/g, ” “);
entryFeedSplitReplace = entryFeedSplitReplace.link(entryFeedSplit);
var entryPublished = entryFeeds.published.$t, entryDatePublish = (entryPublished.substring(0, 4), entryPublished.substring(5, 7)), entryDatePublished = entryPublished.substring(8, 10), bulan = new Array;
if (bulan[1] = “Januari”, bulan[2] = “Februari”, bulan[3] = “Maret”, bulan[4] = “April”, bulan[5] = “Mei”, bulan[6] = “Juni”, bulan[7] = “Juli”, bulan[8] = “Agustus”, bulan[9] = “September”, bulan[10] = “Oktober”, bulan[11] = “November”, bulan[12] = “Desember”, “content” in entryFeeds) var entryContent = entryFeeds.content.$t;
else if (“summary” in entryFeeds) var entryContent = entryFeeds.summary.$t;
else var entryContent = “”;

var regEx = /<\S[^>]*>/g;
if (entryContent = entryContent.replace(regEx, “”), document.write(‘<div class=”elcreative-recent-comments”>’), 1 == tanggalKomentar && document.write(bulan[parseInt(entryDatePublish, 10)] + ” ” + entryDatePublished + ” – “), document.write(‘ <b class=”elcreative-recent-comments__author”><a href=”‘ + entryFeed + ‘”>’ + entryFeeds.author[0].name.$t + “</a></b> Berkomentar”), 1 == judulArtikelKomentar && document.write(” di Artikel ” + entryFeedSplitReplace), 0 == jumlahKarakterKomentar) document.write(“</div>”);
else if (document.write(“: “), entryContent.length < jumlahKarakterKomentar) document.write(“<i>&#8220;”), document.write(entryContent), document.write(“&#8221;</i></div>”);
else { document.write(“<i>&#8220;”), entryContent = entryContent.substring(0, jumlahKarakterKomentar);
var entryFinal = entryContent.lastIndexOf(” “);
entryContent = entryContent.substring(0, entryFinal), document.write(entryContent + “&hellip;&#8221;</i></div>”), document.write(“”)
}
}
}
</script>

<script src=”URL Blog/feeds/comments/default?alt=json-in-script&callback=showrecentcomments”></script>
<style type=”text/css”>
.elcreative-recent-comments {border-bottom: .0625rem solid #dadce0; padding: 15px 0;}
.elcreative-recent-comments a {text-decoration: underline; }
.elcreative-recent-comments__author a {text-decoration: none; }
</style>`

Baca Juga : Apa Itu XAMPP? Pengertian, Cara Kerja dan Fungsi

Pengaturan Widget Komentar Terbaru :

– Untuk mengatur jumlah komentar, pada var jumlahKomentar = 5; ganti angka 5 sesuai dengan jumlah komentar yang Anda ingin tampilkan.
– Untuk menampilkan tanggal komentar, ubah nilai false pada var tanggalKomentar = false; menjadi true.
– Ubah nilai true pada var judulArtikelKomentar = true; menjadi false untuk menyembunykan judul artikel.
– Untuk menentukan jumlah karakter komentar, pada var jumlahKarakterKomentar = 100; ganti angka 100 dengan jumlah sesuai keinginan.
– Ganti tulisan merah di script code berikut dengan alamat URL Blog Anda :
<script src=”URL Blog/feeds/comments/default?alt=json-in-script&callback=showrecentcomments”></script>

5. Simpan dan lihat hasilnya!

Demikianlah tutorial memasang Widget Komentar Terbaru (Recent Comments) di blog Blogger kali ini. Semoga bermanfaat.