Show avatar on customized template comments

Blogger introduce it's new feature that shows avatar on comments, you can simply enable it from blogger setting tab "Comments", then enable “Show profile images on comment”.


For some customized template, you need a trick to make it happen. Here's how..

1. Backup your template. recomended

2. Go to layout tab "Edit HTML".

3. Expand widget templates.

4. Search the following:

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

If you can't find it, search and replace <dl id='comments-block'> with the code above.

5. Search and replace <a expr:name='data:comment.anchorName'/> with:

<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>

Save your template.