Membuat Widget Feed Komentar Terbaru di Blogger

Daftar Isi
Membuat Widget Komentar Terbaru (Recent Comment) di Blogger

Membuat widget feed komentar di blogger dapat menampilkan daftar komentar dari kumpulan komentar yang berasal dari tiap artikel oleh pengunjung blog terbaru. Fitur ini dapat menjadi tonggak ukur bahwa blog tersebut ramai dikunjungi dan berkomentar.

Selain itu, pengunjung dapat melihat komentar terbaru dari pengunjung lainnya maka akan menciptakan suasana diskusi yang menarik dan aktif.

Membuat Widget Feed Komentar

Paduan ini mengenai cara membuat daftar komentar dari pengunjung yang akan di tempelkan di widget sidebar.

Membuat feed dari komentar blog kamu ini tanpa menggunakan jQuery, maka hanya menggunakan javascript saja.

Untuk demo-nya akan terlihat seperti contoh dibawah ini.

Untuk membuat feed recent comments di blogger sebagai berikut.

Masuk ke akun Blogger dan buka tata letak pada menu.

Tambahkan gadget dan pilih Html/Javascript.

Salin script kode dibawah ini.

<script>
    var TglKomen = true;
    var JdlArtikelKomen = true;
    var KarakterKomentar = 110;
    var jumlahKomentar = 6;
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="feed-comments">'), 1 == TglKomen && document.write(bulan[parseInt(entryDatePublish, 10)] + " " + entryDatePublished + " - "), document.write(' <b class="feed-comments__author"><a href="' + entryFeed + '">' + entryFeeds.author[0].name.$t + "</a></b> Berkomentar"), 1 == JdlArtikelKomen && document.write(" di Artikel " + entryFeedSplitReplace), 0 == KarakterKomentar) document.write("</div>");
                else if (document.write(": "), entryContent.length < KarakterKomentar) document.write("<i>&#8220;"), document.write(entryContent), document.write("&#8221;</i></div>");
                else { document.write("<i>&#8220;"), entryContent = entryContent.substring(0, KarakterKomentar);
                var entryFinal = entryContent.lastIndexOf(" ");
                entryContent = entryContent.substring(0, entryFinal), document.write(entryContent + "&hellip;&#8221;</i></div>"), document.write("") }}}
</script>

<script src="https://www.url-kamu.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

<style type="text/css">
    .feed-comments {border-bottom: .0625rem solid #dadce0; padding: 15px 0;}
    .feed-comments a {text-decoration: underline; }
    .feed-comments__author a {text-decoration: none; }
</style>

Silahkan ganti dengan url blog kamu.

Selanjutnya simpan.

Pengaturan Widget Komentar

Mengubah jumlah komentar yang akan muncul dengan mengganti pada var jumlahKomentar = 6, Sesuaikan jumlah angka yang kamu inginkan.

Menampilkan dan menyembunyikan tanggal dan waktu komentar dengan mengubah var TglKomen = true pada true dapat diganti dengan false untuk menyembunyikannya.

Menampilkan judul artikel yang telah diberi komentar dengan menyetting var JdlArtikelKomen = true dengan mengubah menjadi false maka akan menyembunyikan link judul artikel komentar.

Mengubah banyaknya karakter tulisan komentar dengan mengubah angka pada var KarakterKomentar = 110, silahkan sesuai selera.

Demikian mengenai membuat widget feed recents comment di blogger, apabila ada pertanyaan silahkan berkomentar dibawah. Terima kasih telah membaca dan berkunjung.

Huda
Huda Hallo saya adalah penulis di blog bunghuda.com. Saya blogger biasa, cuma kebetulan suka menulis.

Posting Komentar