Installing Recent comments widget with avatar

Maybe you're bored with the variety of widgets recent comment below

what you said with the recent comments that this was?

Interesting is not it? So to those of you who are interested to install this widget to your blog, please follow the instructions dibawah.widget is brought by maribinablog.

1) As usual, login to your blogger account, dashboard> design> page elements> Add a Gadget> HTML / Java Script
2) Enter the code below

<style type="text/css">
. recent-comment {
margin-bottom: 3px;
padding-bottom: 2px;
background-color: # FFF;
border: 1px solid # DDD
}
. recent-comment-ico {
height: 26px;
width: 26px;
background-color: # FFF;
border: 1px solid # DDD;
float: left;
margin: 0px 2px 2px 6px;
padding: 2px
}
. recent-comment-body {
padding: 3px;
font-size: 11px
}
. recent-comments a,. recent-comment a: hover {
font-weight: bold;
font-weight: 11px
}
</ style>

<script src='http://javscript-code.googlecode.com/files/recentcommentavt.js' type='text/javascript'> </ script>

3) Click save, and see the results