Busca

Carregando...

sexta-feira, 4 de julho de 2008

Como personalizar o estilo dos comentários no Blogger

Este post é uma resposta a uma pergunta do Gama.

Caso você já utilize o novo novo Blogger, o código que delimita cada comentários do seu blog é o seguinte:

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

Sabendo disso, para personalizar o estilo dos comentário, mudando cor, fonte, borda e cia, basta você clicar em Layout » Editar HTML e, na folha de estilos do seu blog, editar e/ou acrescentar a classe comment-body.

Caso não saiba onde está a folha de estilos de seu blog, coloque o seguinte texto em destaque logo acima de ]]></b:skin>. Ficará assim:

.comment-body {background:#ccff00;border:olive 2px solid;font-family:trebuchet ms; font-style:italic;}
]]></b:skin>

Este é só um exemplo. Para deixar os comentários a seu gosto e combinando com seu site, utilize seus conhecimentos de CSS.

Para aprender a diferenciar os comentários do autor do blog dos demais, leia o tutorial do Usuário Compulsivo.

Posts relacionados