HOT POST

6/recent/ticker-posts

HOW TO ADD RECENT COMMENT WIDGETS TO YOUR BLOGGER

  • Comments are the most important part of any blog or website. It helps you to form a community or relation with your blog followers. It lets your visitors to give feedback or ask any question on you blog post in form of comments. 
  • In this tutorial i will teach you to Add Recent Comment widget to your blogger blog. It shows most recent comments on your blog along with the post link on which comment have been posted and name of user who commented. 
  • This will let you know about new and most recent comments on your blog and allow you to easily reply to those comments. This widget is coded in Javascript and styled with CSS. 
  • You may customize the widget according to color scheme of your blog template. So lets get started.
Step - 1
  • First go to "Layout" page of your blog.
Step - 2
  • Click on "Add a Gadget" link from sidebar section or other where you want to appear recent comments widget.
Step - 3
  • Select "HTML/JavaScript" widget.
Step - 4 - Paste following Code on that

<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://YOURBLOGNAME.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<span id=mbw-cr><a href=http://mybloggersworld.blogspot.com>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;} #mbw-cr {font-family: Arial,Tahoma;font-size:8px;padding-top:6px;display:block;} </style> 

Step - 5
  • Make following changes to the above code.
  • Replace http://YOURBLOGNAME.blogspot.com with your blog url.
STEP - 6 
  • Change #666 to change color of border (line below each comment)
  • Change solid to dotted to make the border dotted
STEP - 7
  • Save it and you will have Recent comment widget on your blog.

Post a Comment

2 Comments