How to add recent widget comment to blogger

Hello friends, i am Blogger zakria, Hope all are well by grace of allah/god.
Today i gonna to show a tutorial, how to add a Stylish blogger recent comments widget.

Via this widget that Recent Comments on your blog will show in the way Stylish dissolve.

• DEMO

It's very simply and easy. Auto match it with your blogger theme,

First go to Blogger Dashboard > Select Your Blog > Layout and "Click on" Add a Gadget then select HTML/JavaScript.
In the Title write widget name and In the Content paste the JavaScript.

<style type="text/css">
ul.mscomments{list-style: none;margin: 0;padding: 0;}
.mscomments li {background: none !important;margin: 0 0 15px !important;border-bottom: 2px soli

d #E1E4E5;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style:

  none;word-break:break-all;}
.mscomments 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;}
.mscomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
.mscomments 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:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbb0_lVVt2Vtyi9_CN7rFqc56lARCKk9507CqaBVoj1XksipVszBge7vawO8svIW8SL-bRYaxgA0guvPEskiT-CvKSswB0VRuRuDYDMnWNhnGn4WrMoa523AhI4ie6qgxDSlpEP6IlazlA/s1600/

default-avatar.jpg",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://ms-design.googlecode.com/svn/ms-recent-comment-widgets.js

"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=mscomments&max-results=

5"></script><div style="font-size: 10px; float: right; margin-top: -15px"><a href="http://ebolabird.

blogspot.com/" rel="nofollow" >Widget by Blogger zakria</a></div>

To understand the problem, in the post through comment said.