Monday, May 6, 2013

Recent Comments Widget For Blogger

 
The Recent Comments Widget for Blogger displays the recent blog comments on your blog's sidebar, showing a snippet of the last comments along with the title of the post to which the comment was made and the list will be gathered in descending order (newest at the top).

This gadget is coded in Javascript and styled with CSS but I didn't add too much style to it, so that it could fit the colour scheme of your blogger template.
Parameters which can be configured:
Number of comments: total number of comments to display
Date on which the comment has been published: either display or hide it
Posts on which a comment has been made: you can either hide the post titles or show them
Number of words per comment excerpt: The first "n'' words of the comment will be listed To add the Recent Comment Widget to your Blogger blog is very easy.  Just follow the next steps below:


How To Add Recent Comments Widget to Blogger


Step 1. Login to your Blogger Dashboard, select your blog - go to Layout and click the Add a Gadget link




Step 2. From the pop-up window, scroll down and choose the HTML/JavaScript option:



Step 3. Copy and paste the below code in the HTML/JavaScript box:
<script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.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://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><span id=rcw-cr><a href=http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style>

Step 4. Obviously, you need to replace http://your-blog-name.blogspot.com/ with your blog address.

Other settings:
- To change the number of comments that are being displayed, replace the "5" value from a_rc=5
- If you want to add the date on which the comment has been made, then change the "false" statement from m_rc=false to "true"
- If you want to hide the post titles, then change the "true" statement from n_rc=true to "false"
- And finally, to show more or less comment characters, change the "100" value from o_rc=100

Step 5. Click Save and you're done.

Hope you'll enjoy it!

No comments:

Post a Comment