How To Add Recent Comments Widget To Bloggers Blog.

 

Recent comments gadget for blogger are very useful and attracting widget for blogger blog users. It can exhibit the most recent comments of your blog’s sidebar or any other place where you want to present your widget.

It shows a clip shot of the last comments next to the title of the post, where the comments was completed and user can enter the comment. This list can be gathered in most recent to top older.

Recent comments widget is created by JavaScripts and its styled can be made with Cascading Style Sheet (CSS). So it will be full color attributed and similar to your blogs design

Hear you can configure with this gadget:

>   How many Comments to be Display.

>    Comments time and date.

>   The Posts Where Comments are published.

>   How Many correctors Per Comment Except.

It is very easy to added recent comment widget for your blog, just follow below steps.

 

Step 1 – From your blogger dashboard go to Layout Option >> Add a Gadget>> HTML/JavaScript.

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 – Now you will change the red url : ” http://www.blogsnucleus.blogspot.com“ with your own blog address, (Note : Don’t used slash mark at the end of your URL )

Configure Of This Widget:

Now hear you can change the total number of comments, just simply replace the “5” value with your own choice from a_rc=5;

> For adding the date when the comments has been made, change the “false” text m_rc=false to “true”.

> For Hide the title of the posts, change the “true” text from n_rc=true to “false”.

>For showing, how many characters simply change the “100” value from o_rc=100;

Step 5 : Now click on Save button and you are done.

If you have any issue related to recent comment widget, then simply make a comment below comments box, i will reply you once possible.

Share this post