Tiện tích nhận xét mới có avatar cho blogger (Recent Comments).

<script type='text/javascript'>
//<![CDATA[
var numComments = 5,
avatarSize = 60,
characters = 60,
defaultAvatar = defaultAvatar || "https://googledrive.com/host/0B-PN1SIugzO-OWJCOURKb2ZydVk",
moreLinktext = moreLinktext || " Chi tiết »",
showAvatar = true,
showMorelink = true;
function rccomments(voquocan) {
    var commentsHtml;
    commentsHtml = '<div class="rccomments"><ul>';
    for (var i = 0; i < numComments; i++) {
        var commentlink, authorName, authorAvatar, avatarClass;
        if (i == voquocan.feed.entry.length) break;
        commentsHtml += "<li>";
        var entry = voquocan.feed.entry[i];
        for (var l = 0; l < entry.link.length; l++) {
            if (entry.link[l].rel == 'alternate') {
                commentlink = entry.link[l].href
            }
        }
        for (var a = 0; a < entry.author.length; a++) {
            authorName = entry.author[a].name.$t;
            authorAvatar = entry.author[a].gd$image.src
        }
        if (authorAvatar.indexOf("/s1600/") != -1) {
            authorAvatar = authorAvatar.replace("/s1600/", "/s" + avatarSize + "-c/")
        } else if (authorAvatar.indexOf("/s220/") != -1) {
            authorAvatar = authorAvatar.replace("/s220/", "/s" + avatarSize + "-c/")
        } else if (authorAvatar.indexOf("/s512-c/") != -1 && authorAvatar.indexOf("http:") != 0) {
            authorAvatar = "http:" + authorAvatar.replace("/s512-c/", "/s" + avatarSize + "-c/")
        } else if (authorAvatar.indexOf("blogblog.com/img/b16-rounded.gif") != -1) {
            authorAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWz1cAK-rwIxL0h8GTeksTIG_2l0JuzsAhflKZiV79HJ4F2KEX5YWejpsVawFur4c04zoydAA4JihGif3U2gzBwI5O56GCgGIxdLCtrujQaFQCU7f5-wkDfv28gD4IMMk4hTCD4cFV9_3l/" + avatarSize + "/blogger.png"
        } else if (authorAvatar.indexOf("blogblog.com/img/openid16-rounded.gif") != -1) {
            authorAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoexWmLhbSphbwzCqyDHUwzp0oBgqavqUbJcq8Jr8qaWMc9BPii7qQZ0m6_8quIdGdeya8qW6Otv4DLA2GQa3GPKEE0XNX1v7qtxWtPmsQaG9mY6saDUyr1buq0EXNsAUf7gxsTfTdz3N-/" + avatarSize + "/openid.png"
        } else if (authorAvatar.indexOf("blogblog.com/img/blank.gif") != -1) {
            if (defaultAvatar.indexOf("gravatar.com") != -1) {
                authorAvatar = defaultAvatar + "&s=" + avatarSize
            } else {
                authorAvatar = defaultAvatar
            }
        } else {
            authorAvatar = authorAvatar
        }
        if (showAvatar == true) {
            commentsHtml += "<img class=\"rcavatar\" src=\"" + authorAvatar + "\" alt=\"" + authorName + "\" width=\"" + avatarSize + "\" height=\"" + avatarSize + "\"/>"
        }
        commentsHtml += "<a class=\"rcname\" href=\"" + commentlink + "\">" + authorName + "</a>";
        var commHTML = entry.content.$t;
        var commBody = commHTML.replace(/(<([^>]+)>)/ig, "");
        if (commBody != "" && commBody.length > characters) {
            commBody = commBody.substring(0, characters);
            commBody += "&hellip;";
            if (showMorelink == true) {
                commBody += "<a class=\"rcmore\" href=\"" + commentlink + "\">" + moreLinktext + "</a>"
            }
        } else {
            commBody = commBody
        }
        commentsHtml += "<div class=\"rccontent\">" + commBody + "</div>";
        commentsHtml += "<div style='clear:both'/></li>"
    }
    commentsHtml += '</ul></div>';
    document.write(commentsHtml)
}
//]]>
</script>
<script type="text/javascript" src="http://thegioiblogs.blogspot.com/feeds/comments/default?alt=json&callback=rccomments"></script>

numComments = 5: là số comment được hiển thị ra ngoài.
avatarSize = 60: là kích thước avatar
characters = 60: là số lượng ký tự của nhận xét
https://googledrive.com/host/0B-PN1SIugzO-OWJCOURKb2ZydVk: là avatar mặc định khi người đăng nhận xét không có avatar.
showAvatar = true: là cho phép hiển thị avatar. Nếu không hiển thị thì đổi true thành false
showMorelink = true: là cho phép hiển thị chữ "Chi tiết »" Nếu không hiển thị thì đổi true thành false
thuthuat.voquocan.com: thay bằng địa chỉ trang web của bạn

.rccomments ul li {list-style:none}
img.rcavatar {float:left; margin:5px;}

.rccomments: là class chứa toàn bộ các comments
.rccomments ul li: là class chứa 1 comment bao gồm avatar, tên, nội dung và dòng chữ chi tiết »
img.rcavatar: là class chứa thuộc tính liên quan đến ảnh avatar.
a.rcname: là class chứa thuộc tính liên quan đến tên của người bình luận
.rccontent: là class chứa thuộc tính của nội dung comment
a.rcmore: là class chứa thuộc tính của dòng chữ chi tiết »

Với avatar bạn có thể thử css border-radius: 50% để tạo avatar hình tròn, dùng border để tạo đường viền cho avatar, dùng box-shadow để tạo bóng đổ cho avatar, dùng padding để tạo khung cho avatar...
Với tên, phần nội dung comment hoặc dòng chữ chi tiết ta có thể dùng thuộc tính color để đổi màu chữ cho phù hợp với blog của mình...
Cứ thử các css vào đó biết đâu có cái mình thích thì sao :)