O wow!
How nice This widget is!
Telling your audience what is trending on your blog and what others are recommending is also a very good way to engage your visitors and make them addicted to your blog.
Telling your audience, what others are doing on your blog. And what are their views about the content of your blog.
So here i am with a very interesting widget for your blog.
Show your perspective what others are commenting and appreciate them to comment on those posts is really helpful for your blog engagement.
This Widget is based on JSON Google API and Scripts.

Follow the instructions below to use this widget on your blog..........
Recent Comment Widget
- Go to Blogger Dashboard and Click EDIT HTML in Template menu there.
- Find </head> there and paste the below code snippet just before the end of head tag.
<script type='text/javascript'>
//<![CDATA[
//Ajax JSON Recent Commnets By YesIamBlogger
(function(a){a.RecentComments=function(c,b){var d=this;d.$el=a(c);d.init=function(){d.options=a.extend({},a.RecentComments.defaultOptions,b);d.$el.addClass(d.options.loadingClass);a.get((d.options.blogURL===""?window.location.protocol+"//"+window.location.host:d.options.blogURL)+"/feeds/comments/default?alt=json-in-script&orderby=published",function(z){var f,e=z.feed.entry;if(e!==undefined){f="<ul class='rcomnetxx'>";ntotal=0;for(var y=0;y<d.options.maxfeeds;y++){var o,A,D,m,E,k,n,s;if(y==e.length){break}if(ntotal>=d.options.numComments){break}var h=e[y];for(var u=0;u<h.link.length;u++){if(h.link[u].rel=="alternate"){o=h.link[u].href}}for(var C=0;C<h.author.length;C++){A=h.author[C].name.$t;D=h.author[C].gd$image.src}if(A!=d.options.adminBlog&&ntotal<d.options.numComments){ntotal++;f+="<li>";m=(D=="http://img1.blogblog.com/img/blank.gif")?d.options.defaultAvatar:D.replace(/\/s[0-9]+(\-c|\/)/,"/s"+d.options.avatarSize+"$1");k=(h.author[0].uri)?h.author[0].uri.$t:"#nope";f+=(d.options.Showimage===true?'<a class="kmtimg" href="'+k+'"><img src="'+m+'" title="'+A+'" alt="'+A+'" style="width:'+d.options.avatarSize+"px;height:"+d.options.avatarSize+'px"/></a>':"");var r=o.lastIndexOf("/")+1,t=o.lastIndexOf("."),F=o.split("-").join(" ").substring(r,t)+"...";E=h.published.$t.substring(0,10);var q=E.substring(0,4),v=E.substring(5,7),B=E.substring(8,10),w=d.options.MonthNames[parseInt(v,10)-1],p=h.published.$t.substring(11,16),j=p.substring(0,2),x=p.substring(2,5);if(j<12){s="AM"}else{s="PM"}if(j===0){j=12}if(j>12){j=j-12}f+='<div class="ketkomt"><a target="_blank" rel="nofollow" href="'+k+'"><strong>'+A+'</strong></a> on <a class="judulx" href="'+o+'">'+F+'</a><div class="date"><span class="dd">'+B+'</span> <span class="dm">'+w+'</span> <span class="dy">'+q+'</span> <span class="timex">'+j+x+" "+s+"</span></div></div>";n=("content" in h)?h.content.$t:("summary" in h)?h.summary.$t:"";var g=n.replace(/(<([^>]+)>)/gi,"");if(g!==""&&g.length>d.options.characters){g=g.substring(0,d.options.characters);g+="..."}else{g=g}f+=(d.options.characters>0?"<p>"+g+"</p>":"");f+="</li>"}}f+="</ul>";d.$el.html(f).removeClass(d.options.loadingClass)}else{d.$el.html("<span>No result!</span>").removeClass(d.options.loadingClass)}},"jsonp")};d.init()};a.RecentComments.defaultOptions={blogURL:"",numComments:4,characters:100,avatarSize:50,loadingClass:"loadingxx",Showimage:true,defaultAvatar:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLwQCzMZIvlBxRYp90AJYYkEO3YadrG_qYrCCAsd8xkZpOza7YhupdI0ADxfClXq0lBEq5zr4M7gzsCThDngI4PuNXA5lUuhk_RsGxCJijR9WKpzyQcWSTUC-T3NuBZDOlL32FN8ciyokQ/s70/user-anonymous-icon.png",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],maxfeeds:50,adminBlog:""};a.fn.RecentComments=function(b){return this.each(function(){(new a.RecentComments(this,b))})}})(jQuery);
//]]>
</script>
- Now You are all done.
- You have called the java script to show latest comment on your blog.
- All you need to do now is put the widget anywhere you want to show.
- below snippet is the code to put the recent comments widget anywhere on your blog's layout.
<div id="rcentcomnets"></div>
<script type='text/javascript'>
jQuery("#rcentcomnets").RecentComments();
</script>
- Note : Do Not do any change in the script or the widget code.
- Enjoy
EmoticonEmoticon