Widget Komentar Blogger Rasa WordPress - Narablog • Indonesian Blogger • mas Dirman

 Alhamdulillaah, sejak mulai menggunakan kembali platform blogger/blogspot untuk kebutuhan ngeblog, ada banyak sekali manfaat serta ilmu yang saya dapatkan selain menulis di blog. Salah satunya adalah mendapatkan tutorial bagaimana cara memasang widget komentar (recent comments) di blog dengan tampilan yang mirip sekali dengan seperti yang tersedia di platform WordPress.

Manfaat Pasang Widget Komentar

Ada beberapa manfaat yang ingin saya capai dengan memasang widget pada sidebar blog, antara lain adalah sebagai berikut:

1. Menampilkan narablog lain yang pernah memberikan komentar pada konten sebagai wujud rasa terima kasih atas kontribusi yang telah diberikannya.
2. Mencapai tujuan Optimalisasi on-page dengan memberikan lebih banyak link kedalam blog (internal link).
3. Memberikan pengalaman kepada pengunjung blog terkait konten atau postingan yang mendapatkan kontribusi.
4. Menambah fitur di sidebar Blogger berupa recent comment karena saat ini hanya baru tersedia pada platform WordPress.

Tutorial Cara Memasang Widget Komentar Blogger Rasa WordPress

Tutorial ini tak sengaja saya dapatkan saat sering berkunjung ke situs blog milik narablog kang Ismet (www.kang-ismet.com) -- Mohon izin saya sampaikan di blog ini yah, kang.. semoga tidak keberatan dan terima kasih atas panduan singkat namun bermanfaat sehingga dapat bekerja dengan baik di blog saya ini :)

Ada dua jenis atau model komentar yang dapat ditampilkan pada sidebar blog, silakan menggunakan sesuai dengan keinginan, ya..

Sebelum berlanjut ke pemasangan widget komentar pada sidebar, pastikan fitur feed telah diseting menggunakan full atau custom. Karena pengalaman saya jika tidak dibuat seperti itu maka komentar tidak dapat tampil secara sempurna.

Cara Menampilkan Semua Komentar Termasuk Author di Widget Sidebar Blog

1. Buat widget baru dengan pilihan HTML/JavaScript seperti biasanya
2. Berikan Judul seperti Komentar Terbaru atau Kontributor atau apa saja terserah Anda
3. Kemudian masukkan dan simpan kode berikut ini:
   

   <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: 12px;font-style: italic;line-height: 1.4;}
   </style>
   <script type="text/javascript">
   //<![CDATA[
       // Recent Comments Settings
       var
    numComments  = 5,
    showAvatar  = true,
    avatarSize  = 30,
    roundAvatar = true,
    characters  = 30,
    defaultAvatar  = "https://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
   //]]>
   </script>
   <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kangismet/user-blog/rcwa.js"></script>
   <script type="text/javascript" src="https://www.url-blog.tld/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Jangan lupa merubah url-blog.tld dengan url blog Anda

Cara Menampilkan Komentar Tidak Termasuk Author di Widget Sidebar Blog

Karena cara dan script yang digunakan sama, hanya saja komentar dari admin atau author tidak ditampilkan, jadi hanya menampilkan komentar dari pengunjung blog saja.

Agar dapat membuat widget komentar di sidebar secara lebih detail dan jelas dalam hal penggunaanya, silakan bisa langsung meluncur ke tutorial asli dari kang Ismet yang telah tersedia di halaman ini: https://www.kang-ismet.com/2012/05/menyembunyikan-komentar-admin-pada.html.

Semoga bermanfaat :)