Também removi a URL que apontava para meu perfil.
Primeiramente, lembre-se de fazer backup do template!
Entre na edição HTML do seu template e clique em "Expandir modelos de widgets". Procure pelo código:
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><img height='16' src='http://soulouko.googlepages.com/ico_user1.jpg' width='16'/> <data:comment.author/></a>
<b:else/>
<img height='16' src='http://soulouko.googlepages.com/ico_useranonimo.jpg' width='16'/> <data:comment.author/>
</b:if>
Agora coloque depois do "<a expr:name='data:comment.anchorName'/>" o trecho:
<b:if cond='data:comment.author == data:post.author'><img height='16' src='http://URL DO SEU ÍCONE'/> <data:comment.author/><b:else/>
Note que você deve substituir http://URL DO SEU ÍCONE pela URL do seu ícone :)
Agora, logo após o último "</b:if>" adicione:
</b:if>
No final, deve ficar como nesse exemplo:
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.author == data:post.author'><img height='16' src='http://URL DO SEU ÍCONE'/> <data:comment.author/><b:else/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><img height='16' src='http://soulouko.googlepages.com/ico_user1.jpg' width='16'/> <data:comment.author/></a>
<b:else/>
<img height='16' src='http://soulouko.googlepages.com/ico_useranonimo.jpg' width='16'/> <data:comment.author/>
</b:if></b:if>
A parte em destaque é o que você modificou.
Relembrando: Não esqueça de colocar a URL do seu ícone!
Dica: Coloque como ícone o logo do seu blog!
<update>
Atendendo a pedidos, para incluir um link, coloque antes de "<img height='16' src='http://URL DO SEU ÍCONE'/>" o seguinte código:
<a href="http://URL DO LINK" title="SOBRE MIM">
E depois de "<data:comment.author/>" coloque:
</a>
No final deve ficar assim:
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.author == data:post.author'><a href="http://URL DO LINK" title="SOBRE MIM"><img height='16' src='http://URL DO SEU ÍCONE'/> <data:comment.author/></a><b:else/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><img height='16' src='http://soulouko.googlepages.com/ico_user1.jpg' width='16'/> <data:comment.author/></a>
<b:else/>
<img height='16' src='http://soulouko.googlepages.com/ico_useranonimo.jpg' width='16'/> <data:comment.author/>
</b:if></b:if>
Não esqueça de alterar a URL. A parte onde diz "SOBRE MIM" corresponde à dica de tela que aparece quando o usuário coloca o ponteiro do mouse sobre o link (você pode alterar).
</update>
E é isso, está concluído o hack! Valeu e até a próxima postagem da série "Personalizando comentários". Aguarde que ainda tem mais!
Compare preços de: DVD Player, iPod, Blu-Ray, Câmera Digital, Home Theater, PC no Buscapé.
© Instituto de Desenvolvimento do Blog do Lenon, seu potencial, nossas gambiarras.
* Hack testado e aprovado em modelos padrão do Blogger e com os outros hacks da série instalados. Qualquer erro, dúvida, enfim, deixe seu comentário.