» Códigos, Dicas, Templates, Tutoriais para deixar o seu blog do seu jeito!

Corrigindo o Link de Comentários


Fazendo alterações em templates de testes precisei alterar a linha dos comentários da página inicial do template.
Por comparação de alguns templates já prontos alterei a linha que aparece na página inicial de 0 comentários para Seja o 1º a Comentar e corrigi o bug de 1 comentários para 1 comentário.
Sinceramente não me lembro em qual blog amigo aprendi a fazer isso, certamente em um dos meus amigos da coluna ao lado Vale um Click. Então os créditos deste hack vão para todos os meus amigos que me ensinam todos os dias.
NÃO SE ESQUEÇA
♥ Sempre tente antes num blogue de testes.
♥ Salve o seu template antes de começar, clicando em Baixar modelo completo.
♥ Leia o tutorial até o fim e tenha certeza de ter entendido.

Vamos aprender como corrigir estes bugs do Link dos Comentários no seu Blog.

Clique em Layout ► Editar HTML ► Clique em Expandir modelos de widgets.
1º Corrigindo o Link de Comentários da Página Inicial do Blog
Encontre o bloco de códigos em seu blog:
»Fica muito fácil usando o comando Ctrl+F de seu navegador copie e coloque esta linha: <span class='post-comment-link'>
Você encontrará o bloco de códigos como este abaixo se o seu template não foi modificado ainda.
<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>
Este bloco de códigos corresponde ao Template Minima do Blogger.

Substitua este bloco de códigos por este aqui 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'> Seja o 1º a Comentar
<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>

» Você pode também alterar as palavras "Seja o 1º a comentar" por outras que quiser, como por exemplo: "Comente este Post" ou "Deixe seu Comentário" ou "Dê sua Opinião" ou apenas "Comente", use a sua imaginação.

♦ Clique em VISUALIZAR para se certificar que está indo tudo certo.

♦ Clique em SALVAR ALTERAÇÕES.

►Você corrigiu o link de comentários do seu blog.

Mas ainda tem que corrigir a frase de comentários que aparece no seu formulário quando alguém clica para comentar em seu blog.
2º Corrigindo a Frase do Formulário de Comentários
Encontre o bloco de códigos em seu blog:
»Use o comando Ctrl+F de seu navegador, copie e coloque esta linha: <div class='comments' id='comments'>
Você encontrará o bloco de códigos como este 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>
Substitua entre as tags <h4> e </h4> o código existente por este código abaixo:
  <b:if cond='data:post.numComments == 0'>Comente
<b:else/>
<b:if cond='data:post.numComments == 1'>1 Comentário
<b:else/>
<data:post.numComments/> Comentários
</b:if> </b:if>
Ficando assim:
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
  <b:if cond='data:post.numComments == 0'>Comente
<b:else/>
<b:if cond='data:post.numComments == 1'>1 Comentário
<b:else/>
<data:post.numComments/>Comentários
</b:if> </b:if>
</h4>
» A mesma sugestão vale para esta parte onde você pode alterar as palavras: Comentários e 1 Comentário por Opiniões etc

♦ Clique em VISUALIZAR para se certificar que está indo tudo certo.

♦ Clique em SALVAR ALTERAÇÕES.
Pronto agora o link e o formulário de comentários do seu blog estão apresentáveis.

Para complementar o conteúdo leia:
Corrigindo o Link de Comentários Corrigindo o Link de Comentários Reviewed by Aurea R C on 7/27/2009 Rating: 5

6 comentários:

  1. Áurea, muito bom! Deu tudo certinho e o link agora está com apresentação decente. Muito obrigada! Valeu. Bj.

    ResponderExcluir
  2. Muito bom! Já modifiquei o meu template, muito obrigada!

    ResponderExcluir
  3. @Herzl Vejo que já conseguiu destacar os comentários. Desculpe a demora para responder. Agora que voltei a trabalhar o tempo voltou a ficar curto e o cansaço domina!

    ResponderExcluir
  4. Oi Áurea

    Muito boa sua dica, muito bem explicado.
    Mas tenho uma dúvida, eu queria colocar uma imagem no link para comentar.. algo para destacar.

    Seria possivel vc criar um tutorial para isto ?
    Já procurei em vários blogs de tutoriais, mas nenhum explica isto.

    Agradecia muito.

    Abraço,
    Flávio

    ResponderExcluir
  5. eu queria colocar um link para comentarem as mensagens do meu blog mas não dá! :x pode-me ajudar?

    ResponderExcluir
  6. Este tutorial esta na minha barra de favoritos, já vim aqui umas 40 vezes ksksks, sempre que troco de Layout tenho que usa-lo muito útil! Obrigado!

    ResponderExcluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.