Personalizando a área dos comentários

Tumblr_lxnsp0g4yf1r7dttno2_500_large
Oi oi gente! Bom, inauguramos o blog com o tutorial de personalização dos comentários. Eu sei que muita gente odeia e tem preguiça de personalizar os comentários do blog. Basta o background branco que dá pro gasto. Hoje vamos personalizar de um jeito fofo e fácil maravilha! Let's go, people !


Personalizando a área
Primeiramente abra o html do seu blog e procure por #comments {
Logo após achar, apague-a até a chave } e substitua por esse código:

#comments {
background: #ffffff;
padding: 10px;
border: 1px dashed #000000;
}

° Em background personalize a cor do fundo.
° Em border 1px personalize a grossura da borda contorno do background.
° Em border dashed personalize o tipo da borda, neste caso, tracejada. Solid: Sólido. Dotted: Pontilhado.
° Em border #000000 personalize a cor da borda.

Personalizando o avatar imagem do comentarista
Primeiramente, no seu html, procure por  .avatar-image-container {
Logo após achar, em baixo de margin: .2em 0 0; adicione este código:


-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;


° Este é o código para arredondar a imagem, você pode substituir 6px para aumentar ou diminuir a borda arredondada.


Se quiser adicionar borda, cole esse código: border: 3px solid #SUACOR;
° 3px é a grossura da borda.
° solid é o estilo.
° #SUACOR é a cor da borda.


Personalizando a resposta
Primeiramente, no html, procure por .comments .comment-thread.inline-thread {
Logo após achar a tag, apague ela até a chave } e substitua por esse código:

background:  #ffffff ;
border: 1px solid #000000;


° 1px é a grossura da borda.
° solid é o estilo da borda.
° #000000 é a cor da borda.
° #ffffff é o fundo.


Bom pessoinhas espero que tenham gostado, assim, eu fiz com muito carinho :3 

Bye bye, Luuh

54 comentários:

  1. Adorei o tutorial!
    Minha área dos coments está quase toda personalizada. Só quero mudar o background mesmo!

    Mundorosaachock.tk
    Beijos

    ResponderExcluir
  2. Ola Luuh, sei pelo que está passando, é uma sensação terrível saber que alguém invejoso não consegue conquistar nada sequer! :S
    Mas desejo sorte com o novo Blog! Ja estou seguindo viu? :)
    Bjão!
    http://blog-part-of-me.blogspot.com.br/

    ResponderExcluir
  3. Realmente, ninguém merece aquele estilo de comentários. Temos sempre que dar um up nele :3
    Nossa, fiquei sabendo o que aconteceu com o TS. Espero que tudo se resolva Luuh, estou seguindo aqui <3

    Um beijo,
    http://world-cutest.blogspot.com.br

    ResponderExcluir
  4. Adorei o tutorial. Seguindo (:
    http://magic--teens.blogspot.com.br/

    ResponderExcluir
  5. De nada fofa!! Espero que continue firme e forte!!

    http://puro-gliter.blogspot.com.br/

    ResponderExcluir
  6. Adoreei o tutorial! Muito fácil e fica lindoo :)

    Beijoo ~
    http://mikicandy.blogspot.com

    ResponderExcluir
  7. Amei ! Fica lindoo
    cat-girl-cg.blogspot.pt

    ResponderExcluir
  8. Adorei o tutorial . Os comentários personalizados é bem melhor que o normal.
    http://i-teenbr.net.tc

    ResponderExcluir
  9. Fica muito lindo Luuuuuuuuuuuuuh! No próximo lay vou usar viu!
    encantosdeumaadolescente.blogspot.com

    ResponderExcluir
  10. Muito perfeito o tuto uso ele no meu blog! vi ele no Things To You!
    bjs ;*

    Fabulosa-Makeup
    Casa do Photoscape//OFICIAL

    ResponderExcluir
  11. Amei O Tuto OMG!
    http://smileretro.blogspot.com.br/

    ResponderExcluir
  12. Ameei o tutorial s2


    Beijos. Gabi.

    opedecoelho.blogspot.com.br

    ResponderExcluir
  13. Adorei o tutorial flor! Que pena que rackearam o seu antigo blog ,essas pessoas não tem nada o que fazer mesmo né? Adorei aqui ,SEGUINDO.

    #Beijos --> http://day-princess.blogspot.com.br/

    ResponderExcluir
  14. Adorei o tutorial *u*

    Fiquei triste quando soube o que aconteceu com o seu blog, eu amava demais ele, tão perfeito ♥ Mesmo quando essas coisas ruins acontecem, nós precisamos seguir em frente e jamais desistir!

    Bjs :*

    Sweet Mulberry:
    http://meublog-jaque.blogspot.com/

    ResponderExcluir
  15. Oi adorei seu blog.
    Já estou seguindo :)
    Tenho um blog também que aborda temas como moda e beleza entre outros.
    PARTICIPE do sorteio de uma linda bolsa Stella Mccartney "inspired".

    http://alinefashionmoda.blogspot.de/

    Bjokas :)

    ResponderExcluir
  16. Gostei do tuto, tá tudo bem explicado :))

    Beijos, volte sempre ^^
    blogcandysweet.blogspot.com.br

    ResponderExcluir
  17. Gostei muito do tutorial é bem mais fofo a area dos comentários personalizada
    beijos
    http://dream-of-cherry.blogspot.com.br/

    ResponderExcluir
  18. Adorei o tutorials muito lindo e a primeira foto da postagem muito fofa<3
    Um Beijão
    http://ofthecupcake.blogspot.com.br/

    ResponderExcluir
  19. legal este modo de personalização realmente tem gente q tem preguiça ou pelo menos tinha EU RSS...estou seguindo o blog, se poder retribuir agradecida.. beijos e toima semana

    ResponderExcluir
  20. tutorial incrível, posta um sobre como colocar a opção responder?
    seguindo aqui.
    Beijos :*
    http://pepperlipstick.blogspot.com.br

    ResponderExcluir
  21. VAI LUUH GUERREIRA, NÃO PÁRA NÃO PÁRA NÃO PÁÁRA!!!
    encantosdeumaadolescente.blogspot.com
    diamantesdeumagarota.blogspot.com

    ResponderExcluir
  22. ADOOOOOOREEEEEEEEEEEEEEEEEEEEI, O BLOG TA CRESCENDO BEEM HEIN, PARABÉNS!

    Beeeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  23. Já estou seguindo de volta :)

    http://www.awayfromeverything7.blogspot.com

    ResponderExcluir
  24. Oi Luuh! Sinto muito pelo que aconteceu :( Mas já estou seguindo viu? Fico torcendo pra você conseguir recuperar seus leitores e seguidores u_u Beijos!

    http://dreamsofagirl-blog.blogspot.com.br/

    ResponderExcluir
  25. Legal,acho que vou usar lá no blog :)
    Rebublicofloveblog.blogspot.com

    ResponderExcluir
  26. adorei a personalização flor, bem útil *-*
    kisses~~

    #>>> http://the--baby.blogspot.com.br

    ResponderExcluir
  27. Não desista nunca!
    Os invejosos querem isso mesmo. Adorei sua iniciativa.

    Vou tentar seu tuto de personalização dos coments
    to precisando hhhheee

    http://semcontrole.net.tc

    ResponderExcluir
  28. Adorei o tutorial bem útil
    teen-girl-fashion.blogspot.com

    ResponderExcluir
  29. Nossa, super simples o tutorial e o resultado é ultra fofo! Amei demais :3
    Ótimo post!
    Beijinhos :*

    www.PiinkCookie.blogspot.com

    ResponderExcluir
  30. Adorei o tutorial, ajudou muito :)

    http://p-liveorexist.blogspot.pt/

    ResponderExcluir
  31. Amei o tutorial, fica lindo *--*
    http://themudancas.tk/

    ResponderExcluir
  32. Oi,Luh,que bom que não desistiu! Estava preucupada...um beijo e amei o layout,ta muito lindo.
    http://queridomundoteen.blogspot.com.br/

    ResponderExcluir
  33. Oi flor, adorei o tutorial, super útil

    www.i--love--y.blogspot.com

    XOXO, Beijinhoos

    ResponderExcluir
  34. Adorei o tutorial. O seu blog está se reerguendo,parabéns.
    http://i-teenbr.net.tc

    ResponderExcluir
  35. Amei o tutorial! Já personalizei a minha e fica bem melhor.
    Beijos de chocolate branco!
    http:/universoteengirl-porlarissa.blogspot.com.br/

    ResponderExcluir
  36. Amei o tutorial, ele é muito útil.

    :D
    http://blogclubeteen.blogspot.com.br/

    ResponderExcluir
  37. Adorei o tutu, to precisando personalizar área dos comentários do meu blog, mas a preguiça rs

    bjus

    fannydream.tk

    ResponderExcluir
  38. Estou seguindo. Quiser alguma ajuda,Só chamar!
    www.blog-allthelovers.blogspot.com

    ResponderExcluir
  39. Adorei seu blog e ja estoute seguindo
    ótimo ttorial, é bem melhor que aquele do blogger, principalmente aquele fundo cinza q é horrível.
    bjoos

    mundoodasblogueiras.blogspot.com.br

    ResponderExcluir
  40. Adorei seu blog e ja estou te seguindo, se vc quiser me seguir tbm: detudoumpoucoraah.blogspot.com

    ResponderExcluir
  41. Que coisa horrível que fizeram com seu blog eu gostava tanto dele, e já estou seguindo ok.
    Beeijo

    chaleiradelondres.blogspot.com

    ResponderExcluir
  42. Adorei o tutorial muito util

    http://by-niick.blogspot.com.br/

    ResponderExcluir
  43. Tutorial muito util !
    Seguindo, retribui ?

    meuspensamentos100.blogspot.com

    ResponderExcluir
  44. oii!
    tudo bem?!
    o tema do seu blog é mttt lindo!!! e eu adorei a imagem do post Xb .
    hj eu queria t convidar a ver minha nova postagem antes de eu viajar...
    é sobre "inspiração".
    aqui o link:
    http://oblogdapp.blogspot.com.br/2012/07/inspiracao-bob-esponja-e-patrick.html
    espero vc anciosamente no meu blog!!!
    bjs
    =D

    ResponderExcluir
  45. Adorei o tutorial amor.

    http://y-meninas.blogspot.com.br/

    ResponderExcluir
  46. ja conhecia o tuto fica lindo rs ^^

    http://garotoonerd.blogspot.com.br

    ResponderExcluir
  47. Já conhecia o tuto, mais fica muito perfeito, indico :)
    s2hay.blogspot.com

    ResponderExcluir
  48. Legal, vou precisar dele pra ficar mais legal e personalizado a área dos comentários.

    Hayanne Deise Lins
    http://www.hdlhayah.blogspot.com
    Dá uma passadinha lá...

    ResponderExcluir
  49. Visita? vocesdevemsaber.blogspot.com

    ResponderExcluir
  50. Goostei muito.
    Já estou seguiindo *-*
    sherryphotoscape.blogspot.com.br

    ResponderExcluir