Recent comments widget for Blogger

In the previous post we show you "How to add Floating heart share button in blogger". Now we comes with an another useful widget, which may known as Recent comment widget. The main function of the widget is it will show most recent comments in your blog at preferred place.  This widget very useful to build an active community on your blog because the widget motivate others to join the conversion.

How to insert  Recent comments widget in Blogger?

1. Sign in to Blogger Dashboard
2. Click on Layout option located in the left sidebar


3. Click on Add a Gadget link


4. Select HTML/JavaScript




5. Add Following Java script in the text area
<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://www.teccplus.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<style type=text/css>
.rcw-comments {
font-family: inhert;
font-size: 14px;
margin-bottom: 15px;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 15px; line-height: 20px; }
}
</style>
Copy Code



Notes: Make following changes in the script

  • To set how much commends to show on the wide change this: 5
  • To display date with comment replace False to True
  • To change the length of comment replace 100
  • Replace www.teccplus.blogspot.com to your blog address 


6. Click on Save button.

7. Share this post with your friends Facebook, Twitter, or Google+!

Also See: How to rotate your own image ads on your blog?

Comments