11 February 2016

How Add Recent Comments Widget To Bloggers Blogs

Blogger widgets are very famous and attracting for users, because millions of blogger blogs are created and they use many widgets for attracting users to their blogs. 

The recent comments widget for blogger is also one of them. It can display the most recent comments of your blog’s sidebar or any other place where you want to display your widget.

image: How Add Recent Comments Widget To Bloggers Blogs

Show a snippet shot of the last comments along with the title of the post where the comments was made and user can input the comment. This list can be collected or gathered in newest to top older, means in descending order.

Recent comments widget is coded in JavaScript and its styled can be made with CSS ( Cascading Style Sheet) , but don’t there has not been added too much in this gadget, so it can be full color featured and matching your blogs design

The main features that you can configured in this gadget :

1 – Total Number of Comments To Display.
2 – Date On Which Comments Has Been Published By User.
3 – The Posts Where Comments are Published.
4 – How Many Number of Words Per Comment Excert.

Now, you want added recent comment widget for your own blog’s, it is very easy, just follow below steps and you are done ! ! !

How To Add Recent Comments Widgets To Blogger Blogs

Step 1 – First you can login into your blogger dashboard, then select your blog > go to  "Layout Option" and click the "Add a Gadget" link : ( See Screenshot)

How Add Recent Comments Widget To Bloggers Blogs

Step 2 – When you click on add a gadget link, a pop up window will appear, scroll down and find out the “HTML/JavaScript” option and click on it : (See Screenshot)

Step 3 – Then a window appear, copy the below code and paste in the HTML/JavaScript box:

<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><div style=”font-size: 10px; float: right;”>Get this <a href=”http://smashingdiary.com/recent-comments-widget-for-bloggers” rel=”nofollow” >Recent Comments Widget</a></div>
<style type=”text/css”>
.rcw-comments a {
text-transform: capitalize;}
<style type=”text/css”> .rcw-comments a { text-transform: capitalize; } <style type=”text/css”> .rcw-comments a { text-transform: capitalize; } <style type=”text/css”> .rcw-comments a { text-transform: capitalize; } <style type=”text/css”> .rcw-comments a { text-transform: capitalize; } <style type=”text/css”> .rcw-comments a { text-transform: capitalize; }.rcw-comments { border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;
} </style><script style=text/javascript src=”http://helplogger.googlecode.com/svn/trunk/recent comments widget.js”></script>

Step 4 – You can change the colored url : ” http://www.techora.net “ with your own blog address, (Note : Don’t used slash at the end of your URL )

Settings Of This Widget :

For change the total number of comments that are being displayed, the simply replace the “5” value with your own choice from a_rc=5;

  • · To add the date which the comments has been made, change the “false” text m_rc=false to “true”; 

  • · To Hide the title of the posts, change the “true” text from n_rc=true to “false”; 

  • · To show the how many number of characters simply change the “100” value from o_rc=100; 

Step 5 : Now click on the “Save” button and go to see your blog, the recent comments widget works correctly or not.

If you have any questions related to this widget, then simply ask from below comments box, i will reply you as soon as possible. For more my latest post and guides, subscribe my newsletters and get update for my all latest posts via your inbox.

Previous Post
Next Post

I'm Aamir Saleem, a professional blogger and SEO Consultant. I loves to write on blogging, SEO, Internet Marketing, Business, Social Media and Make Money Online. Connect Me Via !!!