Cara Membuat Recent Comment di Blog Dengan Gambar

Pernah sebelum blog kang Budi membuat posting cara menampilkan recent komen dengan avatar komentar terkinitanpa avatar jauh lebih sederhana namun begitu ringan pada reload blog karena ada permintaan spbat untuk membuat recent coment with image atau menampilkan komentar terkini dengan menampilkan gambar, intinya sih bagaimana cara menampilkan komentar terkini dengan menampilkan gambar profil? komentar terkini pada posting lama sering kali lolos dari pengamatan karena tidak semua blogger rajin membuka email termasuk saya :p. Degan menampilkan widget komentar terkini kita sebagai admin dapat melihat komentar baru tanpa harus mengaktifkan menu moderasi, baik di entri lama maupun entri baru. Script komentar terkini yang tampil gambar dibuat oleh mas harish yang mempunyai banyak widget keren dan layak untuk dicoba.

Tanpa banyak basa basi lagi copas script dibawah ini dan penempatannya pun lebih mudah yaitu di widget rancangan

<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    = false;//]]></script><script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script><script type="text/javascript" src="http://friendboox.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Untuk menampilkan widget ini pada blog sobat gantilah kode diatas yang sengaja saya blok dengan warna biru dengan link blog sobat.

Terima kasih telah membaca artikel: Cara Membuat Recent Comment di Blog Dengan Gambar