Como destacar comentários do autor no Blogger

Para diferenciar o seu comentário dos demais no seu próprio blog você só vai precisar adicionar um pequeno trecho CSS  e fazer um pequena configuração no template, acho esse diferencial bem bacana, pois além de destacar seu comentário, evita que algum espertinho se passe por você nos seus comentários, o que as vezes pode o prejudicá-lo.

Olhei essa dica há algum tempo no Compulsivo, mais fiz algumas alterações. Chega de papo, e vamos ao trabalho.

A primeira coisa a se fazer é entrar no painel do seu blog no Blogger, clicar no menu “Modelo” e logo depois no botão “Editar HTML” que fica abaixo do exemplo de seu template.

Clique na caixinha “Expandir modelos de widgets”, pois essa é a única forma de encontrar todos os códigos necessários e procure por:

<data:commentPostedByMsg/>
</dt>

Imediatamente ABAIXO deste trecho, adicione o 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/>

Então, logo após adicionar localize este outro trecho existente no código:

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

E logo ABAIXO dele adicione:

</b:if>

Agora procure por ]]></b:skin> e imediatamente ANTES, cole o trecho CSS que segue:

.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px dotted #e5e5e5;
background:#f7f7f7;
}

Todo esse CSS pode ser alterado para mudar cores e medidas como for conveniente ao seu layout.

Resultado Final:

Separar os comentários do autor no blog, dando destaque com alguma cor é bem interessante para que seu público veja a sua participação e interação com todos. Faça testes antes de aplicar em seu blog principal e tente descobrir pelo CSS quais as melhores cores e combinações de formatos que combinam com seu blog.