Saturday, March 19, 2011

Add Avatar to costom Blogger Template


1. Go to your blogger and click "Design" on your dashboard and click "Edit HTML"

2. Make sure "Expand Widget Templates" checked.

3. Find these tag  by using Ctrl+F    
                                 
                                  <dl id='comments-block'>
                                                   or
                                  <div id='comments-block'>


4. Because some Templates this code will start from <div.

5. Replace above code with this code.

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

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

6.Now find this code.
                           <a expr:name='data:comment.anchorName'/>

7. Just paste  below code before above 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> <a expr:name='data:comment.anchorName'/>

8. Now you are done.click preview and save template.

3 comments: