Esse é mais fácil
1. No HTML do seu Blogger, aperte Ctrl+F e procure #comments {
2. Exclua todo esse código:
#comments { background: $(comments.background); padding: 15px; } #comments .comment-author { padding-top: 1.5em; } #comments h4, #comments .comment-author a, #comments .comment-timestamp a { color: $(post.title.text.color); } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; }
E cole este:
#comments h4 { margin: .75em 0; } #comments-block .comment-author { background: #ff7ea8; /*cor do background de quem comentou*/ margin:.5em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .comment-author a{ margin:0px; color:#FF1493; /*cor do link do nome de quem comentou*/ } #comments-block .comment-body { background: #ffd7e4; /*fundo do texto do comentário*/ margin: -.5em 0 0px; } #comments-block .comment-footer { background: #ffd7e4; /*fundo da parte em que está a data*/ margin:-.25em 0 2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .comment-timestamp, .comment-timestamp a { color:#f5b4ff; /* cor da data */ font-size:10px; /* tamanho da fonte da data */ } #comments-block .comment-body p { margin:-.5em 0 0px; } .avatar-image-container { margin: .2em 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
Prontinho! Dúvidas? Ask-me!
Obrigada ao Best Dream pelo tutorial.