Saturday, March 19, 2011

Add Avatar to costom Blogger Template

0 comments

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.

Leave a Reply

Related Posts Plugin for WordPress, Blogger...