Tutoriais Blogger Vanessa S.
Alterar icone do autor do comentário
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.
UPDATE em 20/09/09:
Agora é possível mostrar as fotos dos avatares nos comentários do Blog, portanto recomendo que você acesse o tutorial que ensina como ativar este recurso no seu blog, clique no link abaixo:
Incluindo avatar nos comentários do blog
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='"comment-author " + 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!
Veja novidade mais recente implementada pelo Blogger:
Incluindo Avatar nos comentários do blog
Kevin
É que esse tutorial é antigo, e foi criado antes do blogger implementar o recurso de avatar nos comentários. É melhor vc seguir o tutorial sobre:
Imagem Personalizada para Comentários OpenID / Anônimos/ Url ou perfis sem foto
Eu até inclui um update no post pra avisar sobre isso.
Oi Clau! O meu ficou com problema =/. Aparece a imagem que eu escolhi e o logo ao lado dela, o avatar da pessoa que comentou. Como resolver esse problema? Abraços!
PS: Fiz o tutorial duas vezes, posso lhe garantir que nao fiz nada de errado.
bem interessante esse post
Oi, como adoro vir aqui, tem um selo para o Mundo Darkness no meu blog, abraços e obrigada por compartilhar este espaço!!
Vim parar aq no seu blog procurando como colocar uma img no header com link do meu blog.
Tipo, ag tá só o texto. Porém qria o texto com outra fonte e dps, qd subir a img pro header, ela for clicável.
Acho q ñ é difícil isso…eu q ñ sei mexer mt msm. :/
Se souber, me ajude!
Gostei daq!
Beijos
Esta dica também foi mui8to interessante ; vou aplicar.
Aguardo como saber quantas vezes o post foi acessado.
abraços
meu e-mail é zenya1194@hotmail.com
carmen