Add Avatars on Blogger Comments: Easy way to put Image in Blogger comments

• Tweet

• Tweet

Recently Blogger has introduced an awesome feature for blogspot users, and it is Add Avatar on Blogger Comments, this means if you have a profile picture in blogger then whenever you comment on another blog you will see your profile image over there. After formally announced the Blogger Comment avatars you should know that it means you will see the profiles pictures of the commentators near to the comments made. Here is a screen shot for Avatars on Blogger Comments

his is the part that will show up on the main page.

Now i think you are aware from what we are going to do, so now we will see how Avatars on Blogger Comments can show with little code in no time.

Implementation Steps:

1. First Go to Blogger >> Settings >> Comments and enable “Show profile images on comment”.

2. Now if you have a bespoken UN customized template used then you will see the avatars on the comments on your blog without any change in code.

3. If you are using any other customized template you will have to add some codes into your template. To insert code first go to Blogger Layout >> Edit HTML and backup your template

4. Checked the Expand the widget templates check box and check if you can find the following line there.

if you don’t find the code given above then try to find the code given below.

Now Replace this code with

<dl; expr:class='data:post.avatarIndentClass' id='comments-block'>

Now find all occurrence of the code given below

and replace each of it with

Comment here if you have any doubt or issue regarding Adding Avatars on Blogger Comments.