Create Avatar Comments on Custom Template

Questioned about the new features of the avatar comment blogger who can not appear on some templates or custom templates derived not from the templates provided on the dashboard of blogger, so I'll share my little experience about how to make a comment avatar.

For those of you who commented yet appeared avatars, maybe your template does not yet support for these new features, but of course do not worry because with a little touch of modifications on your template, blogger avatar will appear, which are important amenities already provided by the blogger.

Ok, we just peraktekkan. Please follow lankah follows:

1. Login to blogger with your ID.
2. Click Layout.
3. Click the Edit HTML tab
4. Click "Download Full Template", please backup your template first (just in case).
5. Put a tick in a small box beside the words "Expand Widget Templates"
   
   Copy and paste the following code above the code ]]></ b: skin>
   

   .Avatar-image-container img {
   background: transparent url (http://i33.tinypic.com/24b9na8.jpg) no-repeat;
   height: 35px;
   width: 35px;
   }

6. Find the following code in your template:
   

   <dl id='comments-block'>

   Or sometimes will be using code like this:

   <div id='comments-block'>

7. Replace the code with the following code:
   

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

   If your template code includes code that uses a div then changed to:

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

8. Find the following code:
   

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

9. Remove the code and then replace with the following 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>

10. Click Save Template button.
11. Done.

The steps above may not be suitable for all existing custom templates, chances are you have to do some modification to the template you have the maximum.

Read also this....