A área de comentários de um blog é uma porta de acesso aos leitores, pois é através dos comentários que os leitores deixam registradas suas...

Destacar Comentários do Autor do Blog

A área de comentários de um blog é uma porta de acesso aos leitores, pois é através dos comentários que os leitores deixam registradas suas opiniões a respeito de suas publicações e artigos.
Personalizar a área de comentários afim de deixá-la mais com o seu estilo é um recurso muito utilizado e procurado, afinal quem não gosta de deixar os comentários bem apresentáveis não é mesmo?
Muitos blogueiros costumam responder aos comentários recebidos, em seus próprios blogs, mas não sabem que podem destacar dos demais, os comentários feitos pelo autor da postagem no blog, deixando a área de comentários mais organizada e apresentável.
Atendendo ao pedido da Carmen, hoje vou explicar como fazer isso, como destacar os comentários do autor do blog dos demais comentários.

1º passo:

Vá na edição HTML do seu blog, marque “Expandir Modelos de Widgets” e procure por:

<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>

Selecione todo o código postado acima e SUBSTITUA todo ele pelo código a seguir:

<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>

Salve as modificações!

2º passo:

Agora você deve estabelecer os estilos no CSS do seu template.
Volte na edição HTML, mantenha marcada a caixinha "Expandir Modelos de Widgets" e procure pelo trecho referente aos comentários.(Geralmente está entre #comments h4 e #comments-block .comment-body p )
Ou se preferir, cole logo ACIMA da tag ]]></b:skin> .
O que importa é que você deve acrescentar as seguintes linhas no seu template:

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px solid #000000; /* edite a cor da borda */
background:#fff; /* edite cor de fundo do seu comentário*/
color:#000000; /* edite cor do texto do seu comentário*/
}
Se no seu template não possui essa parte:
#comments h4
Ou se você tiver alguma dificuldade em encontrar esta parte do código, procure pela tag ]]></b:skin> e cole o código do 2º passo logo ACIMA dela.
No código acima, a cor do texto e borda é preta e a cor do fundo é branca.
Eu destaquei (em frases na cor verde) os campos que você pode editar as cores da fonte do texto, o background e cores de bordas.
Caso não queira incluir borda, é só retirar do código a parte referente a borda -> border:1px solid #254117;
É basicamente isso!
Agora toda vez que você responder a um comentário no seu blog, seus comentários se diferenciarão dos comentários deixados pelos seus leitores.

Se você usa vários perfis como administrador ou autor do blog, o fato de usar varios perfis para responder os comentários no seu blog interfere no código.
Pois o blogger só vai conseguir interpretar as alterações e os estilos aplicados apenas para 1 perfil e será para o autor da postagem onde o comentário foi escrito.
Esta dica para destacar os comentários só funciona quando o autor comenta usando a mesma Identidade Google usada para criar a postagem!
Só aparecerá destaque aos comentários do autor do post em questão.
Se você comentar no post usando um outro perfil que não seja o mesmo que foi utilizado para postar o artigo, o comentário NÃO FICARÁ DESTACADO.
Antes que me perguntem: o código da área dos comentários postado neste tutorial, foi retirado do Template Minima. Nos templates padrões minima todo este trecho se apresenta desta maneira. Se o seu template já sofreu muitas modificações na área de comentários, ou você utiliza algum modelo de template convertido, provavelmente esta parte deve se apresentar de outra maneira, portanto é bem capaz que este hack não funcione para alguns casos.
Caso não dê certo no seu blog, a sua única solução é: tentar encontrar trechos ao menos parecidos e testar, testar, testar e tentar bastante, quem sabe você não dá sorte!

0 comentários: