Realçando o comentário do autor do blog

Para diferenciar o comentário do autor do blog, é necessário alguns ajustes.

1 - Entre no Blogger, clique em Layout, Editar HTML.

2 - Marque a opção Expandir modelos de widgets.

3 – Antes de prosseguir faça o backup de seu template. Para isso é so clicar em Baixar modelo completo.

4 – Agora pressione Ctrl + F, e procure pela seguinte linha:

<dd class='comment-body'>

Você encontrará essas linhas:

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

 

5 – Cole o seguinte código acima de “<dd class='comment-body'>”.

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

 

6 – Agora desça um pouco e logo abaixo de “</dd>”, cole o seguinte código:

</b:if>

7 – Ficará assim:

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

8 – Agora procure pela seguinte linha:

]]></b:skin>

9 -  Logo acima dela cole o seguinte código:

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:10px;
padding:10px;
border:1px dotted #c0c0c0;
background:#f5f5f5;
}

O trecho em azul é a cor da borda.

O trecho em vermelho é a cor de fundo do comentário.

10 – Pronto, agora é só salvar o Salvar o Modelo e conferir se funcionou.