How to add recent comments widget with avatars in blogger

How to add recent comments widget with avatars

Step 1. Go to Blogger Dashboard, then go to Layout and click on Add a Gadget link.

Step 2. In the popup window scroll down + choose HTML/Javascript

Step 3. Paste in the following code in the empty box:

 <style type="text/css">
ul.w2b_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.w2b_recent_comments li {
    background: none !important;
    margin: 0 0 6px !important;
    padding: 0 0 6px 0 !important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}

Here are some amazingly funny emoticons compatible with your Blogger comments - also with threaded commenting system! If you want to know how to add them, just follow the next steps:

Step 1.

Go to Dashboard - Template - Edit HTML - Proceed

...and select Expand Widget Template (don't forget to make a backup)

Step 2. Search (using CTRL + F) for this code:

• For previous commenting system: 

 <h4 id='comment-post-message'><data:postCommentMsg/></h4>

• For threaded comments:

 <div class='post-footer-line post-footer-line-3'>