Alterar icone do autor do comentário no Blogger

A maioria dos templates que a gente baixa por ai, ou até mesmo os templates padrões disponibilizados pelo blogger, apresentam suas áreas de comentários de forma simples, sem destaques, e com ícone padrão do blogger.
Os templates padrões do blogger apresentam um erro na contagem dos comentários, (por exemplo, quando há apenas 1 comentário no post, por padrão, esse ‘contador’ se apresenta no plural (1 comentários).
Mas é possível personalizar a área de comentários e deixar sua página mais organizada, destacando os comentários do autor do blog, alterando o ícone do autor, e também corrigir o erro do contador.
Para que o post não fique muito extenso, irei dividi-lo em partes, e postarei várias dicas de como você pode personalizar a área de comentários no seu blog.
Irei dar inicio a série, explicando como alterar o ícone do autor do comentário.

Alterar ícone do autor do comentário:

Se você quiser mudar o ícone que aparece ao lado do nome do autor do comentário no seu blog, siga as seguintes instruções:

Entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pelo seguinte código:

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>

Substitua tudo por:

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
         <a expr:name='data:comment.anchorName'/>
         <b:if cond='data:blog.enabledCommentProfileImages'>
           <data:comment.authorAvatarImage/>
         </b:if>
         <b:if cond='data:comment.authorUrl'>
           <a expr:href='data:comment.authorUrl' rel='nofollow'>
<img height='30' src='ENDEREÇO DA SUA IMAGEM' width='30'/> <data:comment.author/></a>
         <b:else/>
<img height='30' src='ENDEREÇO DA SUA IMAGEM' width='30'/>
           <data:comment.author/>
         </b:if>

Atenção:
Caso você esteja usando o Template Minima, o código estará assim:

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
         <b:if cond='data:comment.favicon'>
           <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
         </b:if>
         <a expr:name='data:comment.anchorName'/>
         <b:if cond='data:blog.enabledCommentProfileImages'>
           <data:comment.authorAvatarImage/>
         </b:if>
         <b:if cond='data:comment.authorUrl'>
           <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
         <b:else/>
           <data:comment.author/>
         </b:if>

Substitua todo este trecho por:

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
         <a expr:name='data:comment.anchorName'/>
         <b:if cond='data:blog.enabledCommentProfileImages'>
           <data:comment.authorAvatarImage/>
         </b:if>
         <b:if cond='data:comment.authorUrl'>
           <a expr:href='data:comment.authorUrl' rel='nofollow'>
<img height='30' src='ENDEREÇO DA SUA IMAGEM' width='30'/> <data:comment.author/></a>
         <b:else/>
<img height='30' src='ENDEREÇO DA SUA IMAGEM' width='30'/>
           <data:comment.author/>
         </b:if>

Salve o modelo e veja se está tudo certo!