Corrigir erro de contagem no link e texto dos comentários do Blogger

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.