How to add recent comments widget for blogger?

Add the recent comments widget to your blogger and make the your blogger visitors to see them at home page without going deep inside the post.This can make increase the comments if they are interesting matter in comments,Which makes the visitors to attend at the post.




LIVE DEMO
Part1
To add this recent comments widget to your blogger follow these steps:-
Login to blogger->> Layout or page elements –>> Add a gadget->>Html/java script

<script style=text/javascript src=https://sites.google.com/site/projectdigitaltomato/blogger/js/rc1blogger.js ></script>
<script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script>
<script src=http://YourOwnB1og.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr"><a href=http://modifymyblogs.blogspot.com/>Recent Comments</a> <a href=http://modifymyblogs.blogspot.com/2012/01/how-to-add-recent-comments-widget-for.html>Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px #cccccc dotted; padding-top: 7px!important; padding-bottom: 7px!important;}
#rcdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbwo744wl-qVSryrC0aPf7SRPNtzZusy1tH9JUWTp3DoOUQ35LvFfTHHm_QLdr-PFOdEts5zCxGsjjWJQ4-3eS_Z2ExoIXULgWVDxwmm80NB0L7eptOuqxiUhIUrnrq2RF82pksybdMOz/s400/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rcdr, #rcdr a {color:#808080;}
</style>>

change the http://YourOwnB1og.blogspot.com to your blog name.
Save and you are done.