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!
      Previous
      Next Post »

      1 comments:

      Write comments
      Unknown
      AUTHOR
      December 27, 2014 at 2:00 AM delete

      It’s just amazing simply how much you can take away from something because of how creatively amazing it can be I truly appreciate this distribute.

      website development company in delhi & SEO company in India

      Reply
      avatar