Personalizar o cabeçalho dos comentário/contador de comentários

Os comentários são uma parte importante para os autores de blogs, pois são eles que mostram o interesse dos leitores e que dão motivação para escrever. Fazer com que a área dos comentários fique mais atraente para os leitores é algo importante, pois pede incentivar as pessoas a deixar um comentário e interagir com suas postagens.

Para isso, remover alguns elementos que atrapalham ou poluem esta área é fundamental. Neste tutorial, será mostrado como remover os dois pontos que aparecem ao lado do contador de comentários e a adicionar uma mensagem incentivando que seus leitores comentem.

Remover os dois pontos do total de comentários na listagem de postagens

Dois pontos do total de comentários na listagem de postagens
1 Vá em Modelo > Editar HTML > Clique na caixa de códigos > Aperte Ctrl + F ou F3 > Procure por <data:post.commentLabelFull/>:

2 Apague todos os dois pontos que aparecem nos códigos encontrados.

3 Salve.



Remover os dois pontos do total de comentários e mensagem "Postar um comentário"

Dois pontos do total de comentários e mensagem "Postar um comentário"
1 Vá em Modelo > Editar HTML > Clique na caixa de códigos > Aperte Ctrl + F ou F3 > Procure por :</h4>

2 Apague todos os dois pontos que existirem antes de </h4>

3 Procure por <h4 id='comment-post-message'><data:postCommentMsg/></h4>

4 Apague este código ao achá-lo ou o substitua por outra mensagem.

5 Salve.



Adicionar uma mensagem personalizada no contador de comentários

Mensagem quando não há comentários

Mensagem junto ao "Nenhum comentário"
1 Vá em Modelo > Editar HTML > Clique na caixa de códigos > Aperte Ctrl + F ou F3 > Procure por <data:post.commentLabelFull/> até encontrar um código semelhante a este:
<div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/></h4> 2 Antes de </h4> você deve colocar a mensagem escolhida, por exemplo: seja o primeiro a comentar, faça um comentário ou coisas do tipo.

3 Salve.

Mensagem quando comentários

Mensagem junto ao "X comentários"
1 Vá em Modelo > Editar HTML > Clique na caixa de códigos > Aperte Ctrl + F ou F3 > Procure por <data:post.commentLabelFull/> até encontrar um código semelhante a este:
<div class='comments' id='comments'> <a name='comments'/> <h4><data:post.commentLabelFull/></h4> 2 Antes de </h4> você deve colocar a mensagem escolhida, por exemplo: comente também ou coisas do tipo.

3 Salve.
warning Atenção!
Testado somente no modelo Travel do Blogger, podendo haver variações entre demais modelos.

Comentários

  1. Olá, boa tarde Alan!
    Vi agora pouco que postou uma parte do tutorial que pedi e já achei extenso, haha. Contudo, muito obrigado!
    Vou fazer ele no blog de testes que estou fazendo, gente, eu havia esquecido como é difícil fazer um template personalizado, para completar, sou perfeccionista... Então, pode estar até bom... Mas, para mim, não está.
    Abraços ~ <3

    ResponderExcluir
    Respostas
    1. Oie!

      A parte dos comentários é beeem grande, tem muitas coisas que podem ser abordadas, por isso optei por fazer tutoriais separados, pra facilitar a leitura e busca dos leitores pelo conteúdo, senão fica muuuuito massante e difícil de acompanhar...

      Fazer um template pode ser difícil, mas o resultado que obtemos é recompensador :3

      Abraços~

      Excluir
  2. Olá, buenas xuxu, tudo bem?

    Meu Deus, tu acredita que esses dias eu estava a procura de um tutorial desses? Gentchi vidente '-'
    Brincadeiras a parte, na área dos comentários eu sou péssima e me arrisco bem pouco, deveria fuçar mais porém a preguiça come solta :v

    Obrigada por trazer tantos tutos tão bons, fico tão feliz que tenha voltado a postar.. Não ouse em parar hein mocinho? u.u

    Kissu =3

    ResponderExcluir
    Respostas
    1. Buenas noches xuxu, tudo certo e com você?

      É aquele ditado né, tenho que estar preparado pra tudo, prever o movimento dos meus leitores kkkkkkk
      A parte dos comentários é mais complicado de personalizar, tem um monte de detalhezinho que é complicado mexer, normalmente faço algo bem simples mesmo

      Que bom que gostou, fico contente que está feliz que eu esteja de volta, pois eu também estou ヾ(≧▽≦*)o

      Kissus~

      Excluir
  3. oi, boa noite Alan!

    estava procurando mesmo por esse tuto, muito obrigada! vou começar usando num lay free que estou montando!
    kissu <3

    ResponderExcluir
    Respostas
    1. Oie!

      Que bom que consegui te ajudar, espero que fique legal no lay que você está fazendo

      Kissus~

      Excluir

Postar um comentário

Fique à vontade para interagir e tirar dúvidas.
Peça tutoriais em Contato
Você pode usar as tags negrito (<b>), itálico (<i>) e links (<a>)
Comente com o link do seu blog para que eu possa visitá-lo ♪(^∇^*)