Whenever you go to add a gadget of “Recent Comments” in the blog through blogger gadgets, it simply
shows the error and don’t allow to add the recent comments gadget in
blog/website. Today I am introducing you the widget and giving complete demo on
“Add The Recent Comments Widget in
Blogger” through which you can add the recent comments gadget very easily. It
will give the professional look to your blog/website. “Add The Recent Comments Widget in Blogger” is as easy as just to
add the gadget through blogger official gadgets.
Features & Configuration Of Recent Comments Widget
|
The widget offers the
following customization and has features as:
- 1- Displays Snippet of last comment
- 2- Displays the title of the post where the comment has been posted (either hide/show the post title)
- 3- Displays the comment list in descending order (newest at top)
- 4- Displays number of comments (total no of comments)
- 5- Displays the date of comment (either hide or show)
- 6- Number of words of comments shown (can change the no words shown in widget)
How To Add Recent Comments Widget
|
Step 1: go to your blogger Dashboard > Your blog > Layout then click on Add Gadget link
Step 2: A pop up window will instantly open,
scroll it down and choose option of HTML/JavaScript
Step 3: Now copy and paste the below given code in the box of HTML/JavaScript
<script style=text/javascript src="http://operaorbis.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://operaorbis.blogspot.com/2014/07/add-recent-comments-widget-in-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>
Customization
Change the following to customize the widget
- 1- Replace the Red color URL to your blog address
- 2- To Change the no of comments to be displayed, replace the no “5” from a_rc=5
- 3- To show the date of comment, change the “false” from m_rc=false to “true”
- 4- To hide the post title, change the “true” from n_rc=true to “false”
- 5- To change the no words to be displayed in widget, replace “100” from o_rc=100 to your desired value as “150”
Step 5: Now click on the Save, Congratulations! You have done all.
Final Touches
|
I made this widget completely on the HTML and CSS base. It gives beautiful professional look to your blog/website. If you like my widget must share it to your friends, if you have any problem related to this must contact me by commenting below. Stay in touch.
