ficará vá até o HTML do seu blog e procure pelo código abaixo.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
/* Comments
----------------------------------------------- */
#comments h4 {
padding-left: 5px;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
padding-left: 5px;
margin:1em 0 1.5em;
line-height:1.3em;
}
#comments-block .comment-author {
padding-left: 5px;
margin:.5em 0;
}
#comments-block .comment-body {
padding-left: 5px;
margin:.25em 0 0;
}
#comments-block .comment-footer {
padding-left: 5px;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
padding-left: 5px;
margin:0 0 .75em;
}
.deleted-comment {
padding-left: 5px;
font-style:italic;
color:gray;
}
.feed-links {
padding-left: 5px;
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
padding: 5px;
float: left;
}
#blog-pager-older-link {
padding: 5px;
float: right;
}
#blog-pager {
text-align: center;
}
Agora substitua por este, fazendo as modificações de cores onde está em vermelho. Troque também o endereço pelo endereço da imagem que quiser.
/* Comments
----------------------------------------------- */
#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
border-top:2px solid #cc0000;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#cc0000;
}
#comments-block {
line-height:1.6em;
}
.comment-author {
background:#DF7F00; /*comment header background color (comment author name)*/ url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding:0 0 0 20px; font-weight:bold;
}
.comment-body {
background: #ffffff url(AQUI O ENDEREÇO DE UMA IMAGEM) left top no-repeat;
/*Reader comment background color*/
margin:0;
padding:37px 7px 7px 7px; /*Modified padding values*/
}
.comment-body p {
margin:0 0 .5em;
}
.comment-body-author
{
background:#cccccc; /*The author comments background color.*/
margin:0;
padding:7px 7px 7px 10px; /*Modified padding values*/
}
.comment-body-author p {
font-size:105%;
margin:0 0 .2em 0;
color:#6728B2; /*The author comments text color.*/
text-decoration:bold;
}
.comment-footer {
background:#343F4A;
/*Comment footer background color (comment permalink)*/ margin:0 0 .5em;
padding:0 0 .75em 20px; color:#996;
}
.comment-footer a:link {
color:#996; }
.deleted-comment {
font-style:italic; color:gray;
}
Créditos: Blogger Hacker
Obrigada pela dica. Consegui fazer a alteração!
ResponderExcluirOi Elke!!!
ResponderExcluirParabéns pelo Flhão...é lindooooooo!!!
Linda,fiz alteração do comentário no meu Blog , mas não aparece nada, isso quer dizer que não deu certo rsrsrs. Gostaria muito de colocar igual esse seu, mas como fazer? Poderia me ajudar?
O meu blog é o Layout:Template Muito Cute. Obrigada e que DEUS TE ABENÇÕE, juntamente com sua Família...Bjus Aninha.
Oi Eike, tudo bem??
ResponderExcluirSelecionei um template de sua autoria,FICOU LINDO!!! PARABÉNS PRÁ VOCE!!!
mas, estou com algumas dificuldades e vim te pedir ajuda:
1- para colocar os comentários no final dos posts: segui os passos indicados mas não deu certo.
2- Não estou conseguindo visualizar todos os recados do meu mural, pois a barra de rolagem está escondida... o que faço??
oBRIGADA POR TUDO!!!!!!! BJOS
Célia (Blog deficiencia visual e Educação)
Oi Célia, tudo bem ? De fato, este template está com problema nos comentários. Vou refaze-lo e deixo para vc um recado assim que estiver refeito. Beijos
ResponderExcluir