Show avatars on Blogger Comments

Bloggers have created a new look, now our blog can showing avatars that appear on every comment. with this feature the more complete features that support our blog into a professional blog. but the photo will appear when giving commentary using a Google Account, or "open id" as the way of commenting. This is an example of a blog that shows photos on his comments column.

If you are using some default blogger template things would be much easy.

Implementation of Comment Avatars

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

images will immediately appear on every comment.

now if you are using customized templates, or templates that are not official from the bloggers, you need to add some code.

1. First go to Blogger Layout >Edit HTML and backup your template.

2. Expand the widget templates and check if you can find this line there

If you can’t then that means we have something to do..

If you couldn’t find this,then do the following steps.

a)Find

and replace it with

b)Now Find all occurrences of

and replace each of it with

If you want to add a default avatar for the ones with no profile pics,then place the CSS code just above

CSS Code

Finish.

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

<dl id='comments-block'>

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

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Popular Incoming search terms:

No related posts.