TechNdo - Blogger tips, tricks, tutorials and widgets

Latest News

Wednesday 24 August 2016

Recent Comments Widget for Blogger Blog


Are you looking for recent comments widget for your blogger blog? In this post, I will 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.

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='https://googledrive.com/host/0BzPgmXeCwsMRUFloS3B1NVRybWM/' rel='stylesheet'/>
 <script type="text/javascript">
 //<![CDATA[
 var
 numComments = 5,
 showAvatar = true,
 avatarSize = 35,
 roundAvatar = true,
 characters = 40,
 defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiADHpOh7tV3N5byy8WGiQpPbEI5Fi3kqGqIk1-Z5Sodqfea-8C6QGKTum-2ElEW10MN5qDqAG9twLFxjMQ2CzZSOzbmxEOEuQd00FYwD5xUEi75PHXY09cigs6hE2tZJOzBj5QYUokUiE/s1600/none.png",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='your name';
 //]]>
 </script>
 <script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiADHpOh7tV3N5byy8WGiQpPbEI5Fi3kqGqIk1-Z5Sodqfea-8C6QGKTum-2ElEW10MN5qDqAG9twLFxjMQ2CzZSOzbmxEOEuQd00FYwD5xUEi75PHXY09cigs6hE2tZJOzBj5QYUokUiE/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 recent widget comment in a blogger blog? 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.
  • Blogger Comments
  • Facebook Comments

0 blogger-facebook:

Post a Comment

Item Reviewed: Recent Comments Widget for Blogger Blog Description: Rating: 5 Reviewed By: Ajay
Scroll to Top