Skip to main content

Recent Comments Widget with Avatars To Blogger & Top Commentators

Recent Comments Widget with Avatar

This post explains how you can add Recent Comments widget for Blogger Blogspot blogs.Once the reader finds a recent comments widget in the sidebar of the blog, will come to know that your blog is quite active and invites you to send comments on his blog. In this way you can collect some active user base to comment on your blog posts.Now you can reward your best commentators, showing their names with clickable links to your Blogger blog and it helps to see that comments in his blog more often.





Add Top 10+ Stylish Recent Comment Widgets with Hover Effect

1.Login to Blogger
2.Choose your style
3.Customize the Settings as you need and Click the "Generate" Button
4.Finally Click the "Add to Blogger" Button. :D
5.Your Widget will Add Automatically


Precaution: Do NOT add a slash ‘/’ after the URL. It should be BlogName.blogspot.com and not BlogName.blogspot.com/ . Also http:// part has to be added before the URL.

Style 1:

Recent Comments Widget with Avatar Generator






Style 2:

Eclipse Rounded Corner Mouse Hover Style with Red Color




Recent Comments Widget with Avatar







Style 3:

Just Click Round Style with Pink Color




Recent Comments Widget with Avatar







Style 4:

Mouse Hover Rectangular Shadow Effect




Recent Comments Widget with Avatar







Style 5:

Simple and Decent Hover Effect with Blue Border




Recent Comments Widget with Avatar







Style 6:

Amazing Recent Comment Widget With Avatar




Recent Comments Widget with Avatar








Style 7:

Metro Style Recent Comments




Recent Comments Widget with Avatar







Style 8:

Flexible Recent Comments




Recent Comments Widget with Avatar







Style 9:

Border Radius with green background




Recent Comments Widget with Avatar








Style 10:

Stunning Latest Comment Box Widget with Rounded Avatar




Recent Comments Widget with Avatar







How to add Recent Comments Widget with Rounded Images for Blogger?


Follow these very simple steps to add the "Recent Comments Widget with Rounded Images" in your blog.
  • Step 1: Go To Blogger > Design > Page Elements
  • Step 2: Click on "Add a Gadget"
  • Step 3: Now choose HTML/JavaScript
  • Step 4: Copy and paste the following code 

















How To Add Top Commentators Widget with Avatar Generator


No need to explain about the comments feed. Each comment not only helps the commentator, but also the owner of the blog. Discuss and comment back is a powerful tool in SEO.Being owner of a blog, it is our duty to find it "comment" more and then give a great respect for them. Here the code for creating a "widget TOP COMMENTATOR" from the last 10,000 comments.You may have noticed the widget Commentators Save on WordPress blogs. Sometimes referred to as Best Commentators Widget. Now you can reward your best commentators, showing their names with clickable links to your Blogger blog and it helps to see that comments in his blog more often.



Top Commentators Widget












Many thanks to Harish for making this code and I just tested and modified to work on blogger



Comments

Popular posts from this blog

How To Add Animated Flash Clock To Your Blogger Blog

Hello! `How are you guys? here's the cool Clock.this tutorial will show you how to Add animated flash clock gadget your Blogger blog. A clock gives a beautiful look to a website. A clock is a necessity for a personal website, forum, blog etc.Isn’t it exciting when you get a highly quality flash Clock absolutely Free? you can add this flash animated clock your blog easily.i've tested this Flash Clock on internet explorer, mozzilla firefox & many other web browsers. it's very fast and fresh.You simply have to copy the code below each clock and add it to your blog. Live Demo How To Add Aniamted Flash Clock Widget To Blogger? Choose a type of clock below Provide Require widget title Fill Height and Width of the Widget Click on "Genetate" button Finally click on "Add to Blogger" to add it to your blog. Add Animated Flash Clock To Your Blogger blog Now let's start adding it... Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Cli...

How to change mouse cursor in blogger blog to animated cursors

How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your blog is, changing mouse cursor on your blog. Changing the mouse cursor in blogger or blogspot blogs is very easy.This tutorial will help you to change the mouse cursor of your blog to animated cursors.Many bloggers are asking such kind of questions but there is no tutorial available on the internet.I created this post because there are a blogger friend who asked how to change the pointer / cursor on the blogger. This you can do to decorate the look of blog. Read More: 1. How To Add Snow Effect On The Blogger Mouse Cursor Area I take the cursor image from http://www.cursors-4u.com and http://rw-designer.com you can change it anytime depends on your festive moods. How to Install mouse cursor in blogger blog to animated cursors How to add HTML-CSS-Javascript Codes to your Blog ? This is very simple and easy you only follow below steps and add this widget in yo...

Add Multi Tabbed Navigation Widget To Blogger Sidebar

Hi Friends, Today I am going to share how to add multi tabbed widget for blogger. I have seen that there are so many tutorials on the web regarding this. But as I thought these are really complicated.I am writing very easy and simple tutorial which will guide you to add this widget to your blog’s sidebar.It looks very nice in your sidebar. This widget works based on jQuery and jQueryUI. How to Install This Widget on Blogger? Steps... A. Adding Script Code B. Adding CSS Theme Code C. Adding HTML Code Adding Script Code How to add HTML-CSS-Javascript Codes to your Blog ? This is very simple and easy you only follow below steps and add this widget in your blog. Step 1 Log-in to your Blogger account . Step 2 Backup your Template. Step 3 Click on The Template >> Edit HTML >> Proceed . Step 4 Now find [by pressing Ctrl  +  F  ] this code in the template: </head> And immediately Before it, paste this code: <script src="http://ajax.googleapis.com/ajax/l...