All for Joomla All for Webmasters

Customizar comentários no Blogger II

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.