Adding Recent Comment Widget for Blogger 2016

Adding Recent Comment Widget for Blogger 2016

Recent Comment Widget is one of the must have widget for blogger, it will display the most recent blog post comment along with the Article title,
And also showing the snippets of last comment of the blog post, it will be in order from the most recent comment to older comment.

STEP BY STEP TUTORIAL

STEP #1

ADDING THE RECENT COMMENT HTML/JAVASCRIPT CODE

The very first thing to do is to go to your blogger blog dashboard 

Then Click Layout > Then Add Gadget

From the Popup Select HTML/JavaScript

STEP #2

Paste The code inside the Html/JavaScript Box

Insert this code inside

<script type="text/javascript">
var a_rc = 5;var m_rc = false;var n_rc = true;var o_rc = 100;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</script><script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div style="font-size: 10px; float: right;">Get this <a href="https://rhonznet.blogspot.com/2016/06/add-recent-comment-widget-for.html">Recent Comments Widget</a></div><style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>

STEP #3

Replace the red txt with your blogger url src=http://your-blog-name.blogspot.com

Remember you should remove the slash in the end of the Url address

MORE SETTINGS !

- Changing the display number just,replace the "5" value from a_rc=5;
- inorder to include date of the comment just change the "false" text from m_rc=false to "true";
- to hide the post titles, change the "true" text from n_rc=true to "false";
- to show more or less character, change the "100" value from o_rc=100

Final Remarks :

Having a Recent Comment widget for your blogger is amazing it let your visitor's know which article is so useful that many people response to you article, If you like this widget and this article be kind and share this to your friends 

• Tweet
• Share
• Share
• Share
• Share