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.

Pix meutedio arroba mail ponto com

20 comentários:

  1. puxaa vlw aweee
    eu pensie que ja avia deixado um coment aki neste post srsr

    mas passei para agradecer vlw mesmo XD

    ResponderExcluir
  2. Andei por aqui para conhecer o seu trabalho. Tem umas excelentes dicas para quem, como eu, entende quase nada desse assunto de blogs. Vou aprender muito com vc. Voltarei sempre aqui.

    ResponderExcluir
  3. Eurico, eu tenho muitos posts com dicas legais que estão numa espécie de limbo, já que meu blog foi excluído indevidamente e este aqui é provisório. Espero recuperar o meu blog principal o mais rápido possível, para assim continuar esclarecendo dúvidas e dando dicas sobre web e os demais assuntos sobre os quais gosto de escrever.

    ResponderExcluir
  4. Eurico, o blog voltou! Volte você também!

    ResponderExcluir
  5. gracias eu so pude afzer uke eu keria hj srsr
    minha semana foi muito cansativa entao hjj eu decidi uke faria XD

    brigadãooo

    ResponderExcluir
  6. Valeu Helen!!! Gostei do seu blog, resolvi o meu problema e agora é só alegria. Brigado pela dica "como editar comentários", pois meu blog está c/ fundo preto e os comentários tinha sumido com sua dica coloquei white no lugar de black e blz. Beto

    ResponderExcluir
  7. Oi Helen , td bem?
    desculpa, mas como que a pessoa vai ter um perfil no orkut se não tem uma conta no Google?

    ResponderExcluir
  8. Anônimo,

    Para se cadastrar no orkut você pode usar qualquer e-mail. Ao criar essa conta você também terá acesso a quase todos os outros serviços do Google, como Reader e Grupos.

    O que pode ocorrer é alguém ter conta no orkut sem ter no Gmail. Não confundir:

    >> Todo mundo que tem Gmail, tem conta no Google.
    >> Todo mundo que tem orkut, tem conta no Google.
    >> Não é preciso ter Gmail para ter orkut.

    ResponderExcluir
  9. valeu pelas dicas, essas e do orkut times, aliás vim para aqui depois de ler o seu Blog e adicionar o aplicativo.

    ja estou lhe seguindo

    ResponderExcluir
  10. Helen!!!! Preciso de ajuda! A cor da fonte nos meus comentários tá branca! num dá pra ver nada!
    o que eu faço??? http://percyjacksonmt.blogspot.com/2009/11/novo-layout-de-natal.html#comments

    ResponderExcluir
  11. Olá!
    Então, esse post foi de grande ajuda, mas ainda tem uma coisa que gostaria de mudar.
    O texto dos comentários fica muito grudadinho com a borda. Como eu adiciono um espaço entre ?
    Obrigada desde já !

    ResponderExcluir
  12. Opa ! Foi rápido, hehe
    Muuuito obrigada viu.
    Agora me parece meio óbvio, mas não tinha caído a ficha hahahaha
    Valeu !

    ResponderExcluir
  13. Olá Helen Parabéns pelo seu blog, e ótimo post!

    Mais apareceu um bug, quando o comentário eh grande, ele passa direto da caixa de comentários >>>>
    seguindo em linha reta, ao invés de obedecer a quebra de linha e ir para baixo quando chegasse ao final da caixa>>!
    "se é que você me entende" =/

    Como eu resolvo esse bug? ajuda please!

    ResponderExcluir

Todos os comentários são moderados pela autora do blog.