How To Add Avatars To Custom Blogger Templates

your template is acting like that because it’s a customized template, and to add the avatar to your comments you have to follow the steps in this tutorial, don’t worry it’s too easy.
Only two steps

Step 1

Log in to your blogger account and go to,
dashboard >> Layout >> Edit html
then make sure to check “Expand widget templates” box
And find the following code,

<dl id='comments-block'>

Now instead of this code past the next code.

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

Note : depending on your template you may find the above code with div Instead of dl
if you found it in your template with div
then you should replace it with a div too. so you’ll add the next code.

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

Step 2

Now find this code.

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

and exactly before it add the next code.

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

now you are done.
Finally click Save Template