How to add comment avatars to customized

It seems the method for us to use is far simpler than my initial impressions - we need only add two small sections of code to our templates in order for the comment avatars to function.

Here's what to do:

1. Go to Layout>Edit HTML in your Blogger dashboard, and ensure you check the "Expand widget templates" box.

2. Using your browser's search function, locate the following line of code (or similar):

<dl id='comments-block'>

 

Depending on your particular template, you may discover this is <div id='comments-block'> instead.

3. Replace this line of code with the following:

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

 

Note: if your template included div instead of dl, leave this intact and replace all other elements of the line instead.

4. Now, locate this line of code (usually a few lines further down, depending on your particular template):

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

 

Immediately before this line, paste the following section of code:

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


 

 

If you use an "author comment highlighting" hack in your template, you will need to search for a second instance of<a expr:name='data:comment.anchorName'/> and paste the code a second time.


5. Finally, save your template.


Now when you view a post page for which comments are enabled, you should see avatars beside the names of respective commenters!

Source :

http://www.bloggerbuster.com/2009/09/profile-avatars-for-blogger-comments.html

Related Posts Plugin for WordPress, Blogger...