10 de out. de 2008

Comentários do autor do blog em destaque

Outra dica do blog El Scaparate de Rosa. Com esta dica você poderá deixar os seus comentários em destaque em seu próprio blog.









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;
}

8 comentários:

  1. Segui direitinho o paso-a-passo, mas deve ter alguma coisa errada na segunda parte...
    simpesmente não aparece nada igual ao tutorial !!!!
    HELP!!!!

    ResponderExcluir
  2. funciona sim!!
    lek 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!

    ResponderExcluir
  3. Elke, não entendo por que não funcionou no meu blogger...

    ResponderExcluir
  4. Gente, dá certo sim. VC colocar abaixo do
    /* 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.

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube