Cara Membuat Widget Komentar Terbaru di Blogger | fromsunda.eu.org

Halo semuanya, kembali lagi di tulisan saya. Pada kesempatan kali ini saya akan berbagi tips bagaimana cara membuat widget komentar terbaru, atau recent comment di blogger kesayangan kalian. Bagaimana caranya?, ayo ikuti tutorialnya di bawah ini.

Untuk membuat web atau blog kalian lebih interaktif, salah satu cara yang bisa kalian terapkan adalah menambah widget dengan script yang kalian buat sendiri. Salah satunya adalah widget komentar terbaru kali ini.

Jika blog kalian memiliki pembahasan yang unik, kontroversial, atau viral, orang-orang secara otomatis akan memberikan komentar di blog kalian. Keterlihatan komentar terbaru ini akan mempengaruhi pembaca lain untuk ikut membaca dan memberikan komentar pada artikel tersebut.

Baca Artikel Lain ✨

📰 1. Bagaimana cara google mengenal dan mengerti para penggunanya? read more

📰 2. Cara Membuat Widget Pencarian Trending dengan Google Trends di Blogger read more

📰 3. Cara Mudah Membaca Google Trends Untuk Riset Internet Marketing read more

Cara Menambahkan Widget Komenter Terbaru

1. Buka dan masuk ke dashboard blog kalian masing-masing. Lalu pilih menu layout atau tata letak.

2. Lalu klik add gadget atau tambahkan gadget pada bagian yang kalian inginkan, (tapi menurut saya widget ini lebih cocok jika di letakkan di bagain sidebar, karena isinya hanya tulisan dan lebarnya pas di tempatkan di sidebar.)

3. Setelah diklik, maka akan muncul jendela popup, silahkan cari html/javascript

4. Silahkan copy dan paste script di bawah ini. Untuk penjelasan sudah saya sertakan di setiap barinya ya :)

<script>
    // Jumlah Komentar yang ingin ditampilkan
    var jumlahKomentar = 3;

    // 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="https://nama-blog.blogspot.com/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>`

5. Langkah terakhir, silahkan cari https://nama-blog.blogspot.com dengan alamat domain blog kalian. Lalu save, dan jika berhasil maka tampilannya akan tampak seperti gambar di bawah ini.

Widget Komentar

Nah gimana gengs? mudah kan?. Saya pikir cara di atas bisa diterapkan oleh semua orang, termasuk oleh newbie sekalipun. Oh iya, di dalam script di atas, kalian bisa merubah beberapa settingan seperti jumlah komentar yagn tampil, tanggal komentar, judul artikel, dan jumlah karakter komentar yang akan ditampilkan.

Ok, sekian tutorial cara membuat widget komentar terbaru di blogger. Semoga tulisan singkat ini bermanfaat, jika ada yang kurang diphami silahkan tanyakan langsung di kolom komentar di bawah post ini. Sampai jumpa di tutorial dan tips blog dan wordpress lainnya di tulisan saya.