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.
A primeira coisa a fazer é ir até o HTML do seu blog.
Clique então em "Expandir modelos de widgets"
Agora procure pelo trecho:
*Note que a parte que está em preto é o que deverá já existir em seu blog. Copie as partes que estão em vermelho e insira no código.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<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>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Agora salve.
Procure então o código:
/* Comments
----------------------------------------------- */
*Se não der certo, tente só:
/* Comments
E cole o próximo código abaixo dele.
Para fazer as modificações troque os trechos em destaque na cor verde até que fique do seu agrado. Se quer uma imagem, substitua o último trecho
background :#C3FDB8;
Por
background: url("AQUI O ENDEREÇO DA SUA IMAGEM") repeat;
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border: 1px dotted #254117;
background:#C3FDB8;
}
eu nao conseui pode me ajudar..????
ResponderExcluirnao funciona ^^
ResponderExcluirSegui direitinho o paso-a-passo, mas deve ter alguma coisa errada na segunda parte...
ResponderExcluirsimpesmente não aparece nada igual ao tutorial !!!!
HELP!!!!
funciona sim!!
ResponderExcluirlek o background :#C3FDB8;
voce nao muda.Somente adicione o
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border: 1px dotted #254117;
background:#C3FDB8;
}
depois do Comentario
/* Comments ou
/* Comments----------------------------------- */ ou /*-- Comentarios --*/
ok!
Muito Jóia!
ResponderExcluirElke, não entendo por que não funcionou no meu blogger...
ResponderExcluirGente, dá certo sim. VC colocar abaixo do
ResponderExcluir/* Comments todo esse código: .blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border: 1px dotted #254117;
background:#C3FDB8;
}
Aaaaaaaaaaai, se quiser botar uma imagem sua em destaque é q troca o trecho background:#C3FDB8
Obrigada ao blogueiro! Adorei a dica. Por isso que é bom fuçar na net. Pensava q o destaque do comentário do autor era pré-programado pelo blog. Agora sei q é esforço do blogueiro em conseguir fazê-lo assim.
Ajudo muito!
ResponderExcluirObrigado