Home Blogging Tips How to Add Recent Comments Widget to Blogger

How to Add Recent Comments Widget to Blogger

0
0
43

Comments is the best way to give the option to your visitors to given their feedback about your articles and blogposts. In blogger, you can easily add the recent comment widget anywhere you want like in sidebar, in footer widget or any other place.

Here is the easy tutorial for you to learn, how to add recent comments widget to your blogspot blogs without any coding knowledge.

Recent_Comment_Banner

You can show your recent comments to your readers in the sidebar or any other place.

This widget showing the most recent comments of your blog sidebar using this widget.

This recent comments widget is coded in JavaScript and its styled can be made with the CSS (Cascading Style Sheet), but don’t there has not been added too much in this widget, so it can be full color features according to your blog design.

So let’s start to add this widget to your blog sidebar:

Adding Recent Comments Widget to Blogger Blogs

Step1 – First of all go to your blogger dashboard.

blogger-homepage

Step2 – Select your blog and go to the “Layout” option from the left sidebar.

Step3 – Now simply click on the “Add a Gadget” link where you want to show this widget.

blogger-layout-options

Step4 – When you click on this link, a popup box open in which there are hundreds of gadgets available, simply find “HTML/JavaScript” option.

html-javascript-blogger-gadget

Step5 – After clicking on “HTML/JavaScript” gadget, a blank box appear, just copy the below code and paste in this blank box and click on the save button.

<SCRIPT STYLE=TEXT/JAVASCRIPT> VAR A_RC = 5; VAR M_RC = FALSE; VAR N_RC = TRUE; VAR O_RC = 100; </SCRIPT> <SCRIPT SRC=HTTP://BLOGGERHOPE.COM/FEEDS/COMMENTS/DEFAULT?ALT=JSON-IN-SCRIPT&CALLBACK=SHOWRECENTCOMMENTS></SCRIPT><DIV STYLE=”FONT-SIZE: 10PX; FLOAT: RIGHT;”>GET THIS <A HREF=”http://bloggerhope.com/add-recent-comments-widget-in-blogger/” 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>

Step6 – Just change the colored URL: “http://bloggerhope.com” with your own blog URL.  (Note : Don’t used slash at the end of your URL )

Setting of this Recent Comment Widget

You can also customize this widget according to your need. For change the total number of comments that are being displayed, simply change “5” value with your choice from a_rc=5;

You can also add the date which the comments has been made, change the “false” text with true at m_rc=false;

If you want to hide the title of the posts, change the “true” text from n_rc=true with “false”.

You can also change the total number of characters simply change the “100” value from 0_rc=100;

Last Step: Now you all the set, simply click on the “SAVE” button and go to your blog and check how look like the recent comment widget.

While setup this widget, if you face any problem, feel free to comment below with your problem and I’ll be solve as soon as possible.