How To Add Avatars To Custom Blogger Templates

hi all, in my previous post :

Show Your Face, Display your Avatar / photo On Blogger Comments

I said that i’ll add a tutorial soon about adding avatar to your blogspot template if it’s not support or display it.

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.

<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

And now you are done, soon we’ll add some tutorials about customizing your avatar,


all comments are welcomed.

Theo allblogtools