Para que os seus comentários sejam destacados dos demais no seu blog siga este tutorial.
Clique em Layout ► Editar HTML.► Marque a caixinha Expandir modelos de widgets
2- Acrescente o código
» Ficando assim:
♦ Clique em SALVAR ALTERAÇÕES.
» Cole o código:
♦ Clique em SALVAR ALTERAÇÕES.
♦ Clique em Visualizar blog e Clique em um post para verificar se seu comentário está diferenciado dos outros.
» Vá editando o código CSS até ficar da forma que quiser.
Para completar o conteúdo e você aprender um pouco mais sobre CSS para configurar os seus comentários da forma que quiser visite estes links:
♦ Aprenda HTML e CSS
♦ CSS Padrões
♦ Site do Maujor
Esta dica eu aprendi com o Usuário Compulsivo
Fonte Imagem
Clique em Layout ► Editar HTML.► Marque a caixinha Expandir modelos de widgets
1º Passo
1- Encontre o 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>Busque pela linha <dd class='comment-body'> com o Ctrl+F que fica fácil2- Acrescente o código
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>Acima do 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 a linha: </b:if> abaixo deste código.» Ficando 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>♦ Clique em VISUALIZAR para se certificar que está indo tudo certo.♦ Clique em SALVAR ALTERAÇÕES.
2º Passo
Agora você vai configurar o CSS dos seus comentários no seu blog:» Cole o código:
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:10px;
padding:10px;
border:1px dotted #c0c0c0; /*Configure o tipo de borda e a cor*/
background:#f5f5f5; /*Cor do fundo do SEU comentário*/
}» Acima da tag ]]></b:skin>♦ Clique em SALVAR ALTERAÇÕES.
♦ Clique em Visualizar blog e Clique em um post para verificar se seu comentário está diferenciado dos outros.
» Vá editando o código CSS até ficar da forma que quiser.
Para completar o conteúdo e você aprender um pouco mais sobre CSS para configurar os seus comentários da forma que quiser visite estes links:
♦ Aprenda HTML e CSS
♦ CSS Padrões
♦ Site do Maujor
Esta dica eu aprendi com o Usuário Compulsivo
Fonte Imagem










