- How to add feedburner recent posts widgets in blogger
- How to add random posts widget to blogger blog
- How to add related posts widget to blogger 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)
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)
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 : ” https://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.
