Membuat Recent Comment dengan Avatar

<style type="text/css">

ul.archivesiugi_recent_comments{
     list-style:none;
     margin:0;
     padding:0;
     }
.archivesiugi_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;
     }
.archivesiugi_recent_comments li .avatarImage{
     padding:3px;
     float:left;
     margin:0 6px 0 0;
     position:relative;
     overflow:hidden;
     }
.archivesiugi_recent_comments li img{
     padding:0px;
     position:relative;
     overflow:hidden;
     display:block;
     }
.archivesiugi_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  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://sites.google.com/site/archivesiugi/for_post/recentcomment_thumbnails1.js"></script>
<script type="text/javascript" src="http://caprt3a.blogspot.com/feeds/comments/default?alt=json&callback=archivesiugi_recent_comments&max-results=5"></script>