Widget Komen Terkini Dengan Avatar

As-Salam. Sebelum ini saya telah kongsikan mengenai cara nak memuatkan widget top commentator with avatar atau Widget Top Komentator dengan Avatar, dan kali ini saya nak kongsikan pula tatacara meletakkan widget recent comments with avatar atau Widget Komen Terkini dengan Avatar. Widget ini menarik kerana ia salah satu cara untuk blogger menghargai komen-komen yang ditinggalkan secara langsung, kerana setiap komen baharu akan dipaparkan di sidebar blog anda.

Widget Komen Terkini dengan Avatar

Widget ini saya ketengahkan kerana ia memaparkan gambar atau wajah pengunjung dan pembaca yang memberikan komen di dalam entri-entri blog anda. Jadi, ia sangat sesuai diletakkan dalam blog agar pengunjung dan pembaca akan lebih teruja untuk meninggalkan komen. Tips ini adalah untuk memeriahkan lagi ruangan komen blog anda, dan memperlihatkan komen-komen berkualiti daripada pengunjung blog.

Tip Guna Widget Komen Terkini dengan Avatar

Untuk memastikan widget ini memberikan impak berkesan, pastikan ketika menggunakan widget ini anda tidak menganjurkan sebarang segmen, kontes atau giveaway kerana .... anda tentu tidak mahu ruangan komen terkini tersebut hanya dipenuhi url atau permalink daripada rakan blogger yang join segmen. Kalau tidak, Google akan detect blog anda sebagai blog yang membenarkan spam comments atau sedang melakukan link-spamming. Jadi elakkan atau nyahaktifkan widget ini sebagai melakukan sebarang giveaway, kontes mahupun segmen. Ia samalah juga dengan  Widget Top Komentator dengan Avatar yang sebelum ini saya telah kongsikan kepada anda.

Satu lagi perkara menarik mengenai widget ini ialah anda boleh mengubah avatar untuk pengunjung tanpa avatar dengan avatar pilihan anda sendiri - terutama andai ada pengunjung anonymous singgah. Jika kena caranya, anda boleh mengelakkan mereka yang ingin komen dalam blog daripada meninggalkan komen-komen yang tak berapa best.

Ok, mari lihat cara untuk menggunakan widget ini - widget komen terkini dengan avatar atau profile bergambar.

Salin kod HTML di bawah ini dan letakkan di sidebar blog anda. Yeap... semudah itu. Buka dashboard blogspot anda, pilih Layout, pilih Add HTML dan copy-paste kod HTML yang saya berikan ini. Ubah perkataan BLOG-ANDA kepada alamat url blog anda - contohnya www.bonusleaks.com. Walla, simpan dan lihat bagaimana widget ini berfungsi serta merta dalam blog anda.

<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 = 60, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More »", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://yourjavascript.com/517863318/recentcommentwithavatar.js"></script> <script type="text/javascript" src="http://BLOG-ANDA/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script> <div style="text-align: center;"> <span style="font-size:11px;"><a href="http://www.hasrulhassan.com/2013/07/widget-komen-terkini-dengan-avatar.html" target="_blank">Mahu Widget Ini?</a></span></div>

Mudah je kan? Ingat ehh .. jangan lupa ubah BLOG-ANDA kepada alamat url blogspot anda, kalau tidak komen-komen blog lain yang akan muncul nanti.

Oh ya, gambar profile atau avatar default boleh anda ubah mengikut kemahuan anda. Cuma anda perlu ubah bahagian defaultAvatar = "url avatar pilihan".

Selamat mencuba.

p.s: Widget ini hanya boleh digunakan untuk blog-blog dengan sistem komen blogspot asal sahaja.