Recent Comments Widget for Blogger Blog

Are you looking for recent comments widget for your blogger blog? In this post, we are going to provide you step by step guide to add the recent comments widget in your blog. This widget is very same to the recent post widget in function which is displaying the recent posts in your blog sidebar and this widget will display recently published comments from your blog readers. This widget will inspire your readers to make comments on your blog posts. This will facilitate your visitors to find the latest comments that just the arrival to your blog. If your blog has an empty place, then it will fill it.

recent comments widget for blogger

How to add recent comments widget into blogger blog

This is not very difficult to install the recent comments widgets in blogger. We will install this widget thought already made coding. So you don’t need to write CSS, javascript or HTML coding. Simply follow the instructions.

  • Login to your blogger account
  • Go layout, click on add a gadget
  • Select Html/javascript from appearing window
  • Paste the below codes into it
<link href='http://codepen.io/thebloggerguide/pen/XpdRBM.css' rel='stylesheet'/>
 <script type="text/javascript">
 //<![CDATA[
 var
 numComments = 5,
 showAvatar = true,
 avatarSize = 35,
 roundAvatar = true,
 characters = 40,
 defaultAvatar = "https://3.bp.blogspot.com/-sL6xl7eh7Mo/VueQmyj4WZI/AAAAAAAABmw/Cvr9T-GqDygLc_Hxt04_1L-MzNObOh6_Q/s1600/none.png",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='your name';
 //]]>
 </script>
 <script type="text/javascript" src="http://codepen.io/thebloggerguide/pen/XpdRBM.js"></script>
 <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50">
 </script>

Save the gadget with your desired name such as”Recent Comments ”

 Customization of recent Comment Widget

You can customize this widget by little modification in its coding

  • numComments = 5 (the number of comments displayed)
  • showAvatar = true (false, if you want to hide avatar)
  • avatarSize = 35 (the size of the avatar in pixels)
  • roundAvatar = true (avatar round)
  • characters = 40 (the number of characters the content of the comment)
  • defaultAvatar = “https://3.bp.blogspot.com/-sL6xl7eh7Mo/VueQmyj4WZI/AAAAAAAABmw/Cvr9T-GqDygLc_Hxt04_1L-MzNObOh6_Q/s1600/none.png” (default avatar)
  • adminBlog=’your name‘ (the name of the blog author, replace with your name)

So, friends! Now you have learned that how to create a recent comment widget in blogger. So this is easy or not? I’m sure if you read and follow the tutorial then you will successfully be added this widget to your blog.

Check Also

Author box widget for blogger

Add Author Box Below Every Post in Blogger

Author box widget for blogger – The author box is a small section in a …

2 comments

  1. not working please update..

Leave a Reply

Your email address will not be published. Required fields are marked *