Tuesday , October 17 2017

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

facebook page plugin for blogger

How to Add Facebook Page Plugin In Blogger

Facebook Page Plugin for Blogger – The Facebook page plugin was formally known as like …

3 comments

  1. not working please update..

  2. I love your Popular Recent Comments tags all on one gadget. Do you have a tutorial for this? I would appreciate your feed back.. BTW! I like your site..

Leave a Reply

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