Como Destacar os Comentários do Autor no Blogger/Blogspot


Todo mundo sabe, que apesar das facilidades e vantagens de edição, ainda existem algumas coisas que o WordPress tem que o Blogger não tem, coisas que são realmente muito boas e que infelizmente não podemos contar com elas nos modelos básicos. Porém, muita gente vem trabalhando para corrigir isso, sem falar no próprio Blogger que já melhorou muito de uns tempos pra cá.

Uma das coisas que aborrecem os usuários do Blogger é que se você começa a receber vários comentários no blog, e resolve responder cada um deles, nota que tudo vira uma confusão só, já que tanto os comentários dos leitores quanto os seus, são no mesmo estilo, o que além de dificultar o lado do leitor para verificar se seu comentário foi respondido ou não, também deixa o post bem estranho.

Felizmente, consegui encontrar uma solução para o problema. Bom, como já é de costume, pesquisando no Google sobre possibilidades de melhorar meus blogs descobri no el escaparate de rosa uma solução para destacar os comentários do autor no Blogger.

Eu já cansei de dizer que sou contra a cópia de artigos de outros blogs, mesmo com link pra mim ainda é plágio. Portanto, que fique bem claro que não estou copiando nada aqui, pelo contrário, estou passando o que eu aprendi no espanhol para o português, inclusive com o aval da autora que comentou no blog (este é um texto do antigo Novo na Rede). Então, vamos lá!

 

Salvando Uma Cópia do Seu Template

Primeiro vá até a parte de edição de html e salve uma cópia do seu template (é só clicar em "Baixar modelo completo" e escolher um local no seu computador onde vai guardar seu modelo).

 

Alterando o Código do Blog

Clique na caixinha "Expandir modelos de widgets" e então, procure pelo trecho abaixo e adicione a parte que está em vermelho:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:includedata='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Feito isso, suba um pouco no template e procure pelo trecho abaixo, também acrescentando a parte que está em vermelho:

#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}

.blog-author-comment {
margin:.25em 0 0;
}

.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3FDB8;
}

ATUALIZAÇÃO:

Se você utiliza um dos novos modelos do Blogger, ao invés de procurar pelo segundo trecho acima, procure por esse:

#comments .comment-author:first-child

Assim que fechar o código com o sinal "}" adicione a parte que está em vermelho!

Salve o template e confira o resultado!

Lembrando que tudo o que eu indiquei aqui funcionou pra mim e que foi feito usando o modelo Minima. Caso você queira tentar em outro modelo de template, fica por sua conta.

E muito importante, nunca se esqueça de salvar uma cópia do seu template antes de fazer qualquer alteração! ;)

Agora você já sabe como destacar os comentários do autor no Blogger. Em um próximo post vamos ver como destacar os comentários do autor em WordPress sem a necessidade de plugin, apenas alterando o código.

Faça bom uso!

Imagem: Wikipédia

Tico Esteves
Web designer freelancer, criador e Webmaster responsável pelo bom funcionamento do Novo na Rede. Saiba mais!

Gostou do texto? Ajude a divulgar!

Se você divulga o conteúdo ajudando o blog, mais pessoas vão ler e comentar, incentivando um maior cuidado e atualização constante por parte da administração. Participe!

E por falar em incentivo... Já deixou seu comentário hoje?
     

Artigos Relacionados:





27 ideias sobre “Como Destacar os Comentários do Autor no Blogger/Blogspot

  1. Pingback: Como Destacar os Comentários do Autor no Blogger/Blogspot | diggBlog

  2. Tico, olá.
    Segui o procedimento e deu certo, só que depois de um tempo, notei que nos posts mais antigos o destaque nos meus comentários sumiu. No começo ficou, mas fui ver hoje e o destaque está apenas nos posts da página inicial. O que estará acontecendo?

  3. Olá Eduardo, tudo bem?
    Olha só, eu fui até o seu blog e vi vários post e onde existiam comentários seus estavam em destaque, então ou você já corrigiu isso ou foi um problema no Blogger que já se resolveu. Seja como for, agora está funcionando!
    Um abraço!

  4. Olá Tico, fiquei muito feliz quando encontrei esta possibilidade, porém quando eu procuro pelos códigos que devem ser alterados, aparece a mensagem de ”texto não encontrado!”
    O que pode ser, tem alguma outra forma de fazer esta alteração?
    Obrigada!

  5. Olá Natalia, o problema pode ser porque o WordPress está com um bug onde está trocando aspas simples por acentos agudos. Experimento trocar as aspas e procurar pelo trecho que deve funcionar. É chato eu sei, mas por enquanto não tenho como arrumar.

    Boa sorte e obrigado pelo comentário!

  6. Neylor, provavelmente você não encontra a mesma parte porque o seu template é diferente. Basta procurar pela parte referente aos comentários no seu template e adicionar o trecho indicado.

    Boa sorte e um abraço!

  7. Tico, olá.
    Troquei novamente meu template e agora não consigo achar os trechos de código para inserir a segunda parte. Eu até acho uma ou outra linha, mas o cara que escreveu o código misturou tudo. Será que se eu lhe enviasse o código do meu template vc não poderia me indicar onde colocar certinho?

    • Olá Eduardo,

      Obrigado por seu comentário e por participar. Olha, infelizmente não tenho como olhar código por código de todos os que tem dúvidas. O máximo que posso fazer é tentar escrever o tutorial da forma mais simples possível.

      Com relação ao seu problema, pode ser que o template que você está usando não tenha os trechos indicados (isso varia de template para template).

      Aí ou você faz alguns testes até encontrar o lugar certo ou muda de template para um que contenha os trechos.

      Sinto não poder ajudar mais.

      Um abraço

  8. Oi Tico!
    Sou eu de novo..
    Este site esta sendo de muita utilidade pra mim.
    Tentei destacar os coment´s do blog que estou querendo abrir – fiz do jeitinho que foi citado, mas quando abro os coment´s somem. Fica tudo branco.
    Pode me ajudar?
    Obrigada.

  9. Ahh! Eu tbm tenho uma pergunta referente aos comentários..:
    Como q vc faz pra responder aos comentários de forma a ficar logo abaixo de quem comentou? Pq tem aquela opção de colocar “responder esse comentário”, porém, não fica embaixo da pergunta, fica como se fosse o último comentário, lá embaixo…!Ai nem adianta.
    Queria deixar igual está o seu. Não encontrei nenhum post que fale disso aqui, por isso estou perguntando aqui mesmo, foi mal!! :/

    • Olá Grazi, sem problemas!

      Olha só, no meu caso eu uso o WordPress.org e essa opção de responder aos comentários eu criei em PHP (o que não é possível usar no Blogger).

      O mais próximo disso que você vai encontrar para o Blogger é o sistema de comentários Disqus. Ainda não tenho tutorial escrito sobre, mas quem sabe mais para frente. Enquanto isso pode pesquisar no Google que com certeza você encontra um tutorial sobre o tema.

      Um abraço!

    • Olá Grazi li sua pergunta e não é nada prático mas eu publico um comentário, visualizo na página e respondo, assim a resposta fica logo abaixo do comentário. O meu blog é simples e não tem uma montanha de comentários por isso dá certo.

  10. Pingback: Como destacar os comentários do autor do blog no Blogspot | Quero Criar um Blog

  11. Olá Tico Esteves!

    Em primeiro lugar parabéns pelo blog, ele e fantástico.
    Estou tentando fazer esta alteração e não consigo, aparece o seguinte erro:

    “Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “id”.”

    Já fiz inúmeras tentativas e nada. Será que poderia me dar um “help”.

    Um abraço e bom final de semana!

    • Olá Wellington,

      Obrigado por suas palavras e com relação a sua dificuldade, o único problema que vejo que pode estar acontecendo é o caso das aspas. Já que quando você copia o código daqui elas ficam como acentos e não aspas duplas. Corrija isso trocando todas que deve funcionar. Se ainda sim não funcionar, o que estar acontecendo é alguma incompatibilidade com o seu template, aí não tem o que fazer, sinto muito.

      Um abraço e mais uma vez obrigado por suas palavras! Boa sorte!

    • O meu problema e parecido com a segunda parte!

      Mas o erro mostra-se da seguinte forma:

      Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
      Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “cond”.

      Por favor me ajude!

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>