abril 06, 2011

Tutorial - Destacar comentário do autor do blog

Como já viam pedido antes, mas como eu estava sem tempo
só pude postar agora gente, bom é bem simples créditos ao blog
Mundo blogger. Vá em Design > Editar HTML > Expandir modelos de widgets >
e procure por:
 

<dd class='comment-body'
Deve aparecer assim:
<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>
Quando encontrar substitua (tudo) por:
<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>
Salve as alterações. Então procure por : ]]></b:skin>
e acima cole isto:
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px solid #000000 /* edite a cor da borda */
background:#ffffff;  /* edite cor de fundo do seu comentário*/
color:#000000 /* edite cor do texto do seu comentário*/
}
Se quiser pode remover o que esta em roxo não fara diferença alguma.
Apenas o que esta em roxo!
(Descobri um detalhe ele destaca o autor da postagem, então se o blog tem vários autores, vai destacar o comentário do autor do post, Exemplo: eu criei um post e a Vih que é colunista do blog comenta nele, o comentário dela não se destaca apenas o meu, porque eu postei aquilo, entenderam? bisous.

42 comentários:

  1. Lgl... Eu não acho o primeiro código =/ Será que dá pra me ajudar? =P Bjo...
    http://cookiemaga.blogspot.com/

    ResponderExcluir
  2. Ei, eu que pedi õ/ Obrigada por explicar.
    Bom, eu não consigo achar o primeiro código :S
    Se você puder me explicar o porque e tal :S rs,obrigada

    ResponderExcluir
  3. Obrigada amores, e para Stella e Cookie não entendo porque não conseguiram usar o primeiro código, ele serve para qualquer modelo, mas de qualquer jeito vou conferir se não errei o código ^^

    ResponderExcluir
  4. Não funcionou no meu, fiz exatamente como estava no Tutorial.

    http://maariihsouza.blogspot.com/

    ResponderExcluir
  5. Legal a dica :)

    garotas100teen.blogspot.com Veja os 7 Segredos de Victoria Justice.E participe de As Eleitas!

    ResponderExcluir
  6. Adoraria fazer parceria cm vc! http://wheretheworldended.blogspot.com/
    Entra lá se estiver interessada :D
    Adoro seu blog, bjos

    ResponderExcluir
  7. Tinha visto no Mundo Blogger, pra gente não conseguir deve ter algum erro ;o
    adoro aki ++
    Beijos ^^

    www.croffyshane.blogspot.com

    ResponderExcluir
  8. Adorei o tutorial *-*
    Concerteza irei usar no meu próximo design que sai dia 11 u.u

    Dia 11 até dia 18 vamos ter uma semana especial , por causa do aniversário do Blog :)
    Passa lá um desses dias e confere os posts especiais... Aguardamos sua visita ^^

    P.s: Podes fazer um tutorial sobre como colocar a data do post, tipo o do seu Blog?

    Kisses ^^
    www.fanaticospornoticia.tk

    ResponderExcluir
  9. AAAAAh AUEHIAUHEIAUHE
    Acho que as pessoas podem não achar o código por que ele é em linhas... puladas, tipo parágrafo, e no ctrl f fica tudo junto *~*

    Sugiro que as pessoas pesquisem a primeira frase, e lá no html achar o resto...
    Espero ter ajudado AIUHEIAEHIAE
    Beijão, Blog D-I-V-O o seu

    ResponderExcluir
  10. OI,com sua ajuda mudei o lay do meu blog,visita e deixa um recadinho,foi o meu primeiro lay tá,bjos.

    ResponderExcluir
  11. ook garotas, e G.R obrigada pela dica flor.

    ResponderExcluir
  12. Valeu a dica! Consegui. Obrigada.

    ResponderExcluir
  13. Não consegui, o primeiro codigo nao apareceu !

    ResponderExcluir
  14. Não consegui tbm, o primeiro codigo nao apareceu e tals..

    ResponderExcluir
  15. Oi oi. Amei seu blog de verdade.
    Seria uma honra para mim, ter vc como seguidora no meu blog. Pode seguir?
    http://rebel-princess2.blogspot.com/
    Beijinhoos

    ResponderExcluir
  16. igualmente florzinha, sigo sim com prazer <3 obrigada pelo carinho.

    ResponderExcluir
  17. o que nao deu certo flor, o código ou outra coisa??

    ResponderExcluir
  18. Adorei a dica muito obrigada! mas só consigo visualizar quando coloco janela de comentários incorporados! beijinhos

    ResponderExcluir
  19. Oie3,eu tava procurando por isso faz um tempinho,vlw por compartilhar conosco agora me diz como faço pra deixar esse efeito "lento" qnd passo o mouse em cima de algum link,bjoO!

    ResponderExcluir
  20. Oi quero, no html do meu teme não acho nenhum desses, porque?

    ResponderExcluir
  21. Mas não tem outro código, que dê para o meu theme?

    ResponderExcluir
  22. Infelizmente eu não conheço, mas deve ter não especifico para o seu tema, mas tem que criar um código para ele, vai neste blog http://www.dicasparablogs.com.br/ e fale do seu problema, eles sempre ajudam.

    ResponderExcluir
  23. Aii como eu adoro esse blog, é tudo super fácil e prático! :D

    ResponderExcluir
  24. num consegui rs
    pra mim apareceu o código e eu segui o tutorial certinho. não deu erro nem nada, só num funcionou 0.0
    aaahn e esse blog é LINDO! só pra constar uahuahauahuahu
    bjoo enormee

    ResponderExcluir
  25. ameeeeeeeeeeei haha parabéns pelo blog

    ResponderExcluir
  26. Muito obrigaaaaaaado!

    Funcionou perfeitamente no meu blog!

    ResponderExcluir
  27. no meu também nao tem o 1° código :(

    http://blogdapepi.blogspot.com.br/

    ResponderExcluir
  28. Não estou conseguindo.

    http://wwwtudodetudodamarci-superblogdamarci.blogspot.com.br/

    ResponderExcluir
  29. Não funcionou no meu, fiz exatamente como estava no Tutorial.



    thebestblognotnacioandinternacional.blogspot.com(endereço horroroso que não fui eu quem fez)

    ResponderExcluir
  30. Obrigado pela dica
    Testado no meu blog !!!!

    Http://clubedafraldinha.blogspot.com

    ResponderExcluir