Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Problemas e Bugs Vanessa S.

Corrigir erro de contagem no link e texto dos comentárioS

Dando seguimento ao tema sobre “personalizar área de comentários”, neste post eu vou explicar como corrigir o erro na contagem do link de comentários e como inserir uma imagem no na palavra ‘comentário’, conforme imagem abaixo.

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 é possivel corrigir o erro do contador.

Corrigindo o erro de contagem no link de comentário da home:

Antes de mais nada, você já deve saber que é sempre bom fazer um backup do seu Template para evitar transtornos.
Feito isso, entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pelo seguinte código:(você pode usar ctrl+f colando a 1ª linha do código para facilitar sua busca)


<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if></a>
</b:if>
</b:if>
</span>

Agora substitua todo o código acima por este abaixo:


<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'> Deixe seu comentário
<b:else/>
<b:if cond='data:post.numComments == 1'>1 Comentário
<b:else/>
<data:post.numComments/> Comentários
</b:if></b:if></a>
</b:if>
</b:if>
</span>

Salve as alterações.
Dica – No código acima, na parte onde está escrito: “Deixe seu comentário”, você pode alterar pelo texto que preferir, por exemplo, “Comente”, “opine” etc. Use a criatividade.

Você já corrigiu o erro na contagem do 1º link de comentários, que é aquele que aparece na home em alguns templates. Agora vamos a segunda parte: Corrigir o erro de contagem na página interna do seu blog,onde aparece a frase de comentários junto a caixa de formulário.

Corrigindo o erro de contagem na palavra ‘Comentario’ na página interna do seu blog:

Volte em edição de html do seu blog, e procure pelo código abaixo:


<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

Entre as tags <h4> e </h4>, substitua todo o código existente por este abaixo:


<b:if cond='data:post.numComments == 0'>
Comentários:
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 Comentário:
<b:else/>
<data:post.numComments/> Comentários:
</b:if> </b:if>

Salve as alterações!
Dica – Nesta parte do código você tb pode alterar a palavra ‘comentário’ substituindo pelo texto que preferir.

Colocando uma imagem no link de comentário da Home:

Vá em edição de HTML do seu template e procure pela linha abaixo:


<b:if cond='data:post.numComments == 0'> Deixe seu comentário
<b:else/>

E cole o seguinte código , antes da frase :”Deixe seu comentário” :


<img align='middle' src='ENDEREÇO DA SUA IMAGEM'/>

Repita o mesmo procedimento na linha:


<b:if cond='data:post.numComments == 1'>
<img align='middle' src='ENDEREÇO DA SUA IMAGEM'/>1 Comentário<b:else/>

Salve as modificações!

Colocando uma imagem na palavra ‘Comentários’ que aparece na página interna do blog:

Volte em edição de HTML do seu template, e procure pelo código abaixo, e acrescente a linha que está abaixo de <h4>: (pode usar a dica do ctrl+f para facilitar)


<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<img src='ENDEREÇO DA SUA IMAGEM'/>
<b:if cond='data:post.numComments == 1'> 1 Comentário:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id='comments-block'>

Salve as modificações e pronto!
Agora sua parte de comentários no seu blog ficará mais bonita.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

5 Comentários

  1. Lily disse:

    Apanhei um pouquinho aqui (não vi que alguns códigos se repetiam), mas no fim deu tudo certo. Seu blog é muito bom, viu? Você está me ajudando demais, é sério. Seus tutoriais são objetivos e muito úteis para quem não entende de html, mas quer um blog com visual legal.
    Valeu! (:

  2. .:: Clau ::. disse:

    Obrigada pelos comentários , pessoal 😉

  3. Victor Faria disse:

    Valeu! Tava procurando isso há tempos. Cheguei aqui através do Fabiano Roberto, do Dicas para Blogs, que indicou este post.
    Abraço!

  4. Leo Souza disse:

    Valeu de novo! Você está me ajudando muito. Tipo, não posso pagar alguém pra fazer um template legal pra mim, mas graça às suas ajudas ele está ficando cada vez mais bonito.

    Obrigadão!

  5. Kiko Andrade disse:

    Muito obrigado! Esse post como muitos outros em seu blog me tem sido de grande valia para o meu blog! Seu blog virou referência pra mim! Beijão…

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.