Threaded Comments personalizado

7 de set de 2012


Muita gente (muita gente mesmo, acreditem) me pediu o tal do tutorial que usei pra personalizar meus comentários. Esse tutorial perfeito foi um achado no blog da Gizaa, o CandyLand (visitem, tem muitos tutoriais e utilitários bacanas lá!) então hoje vim repassar o tutorial pra vocês!

 Esse tutorial passará seus comentários pra versão atualizada (se eles já não atualizaram sozinho) e deixará eles com opção de reply/resposta (que é muito útil!). 

Dei umas editadas no código da Gizaa, então depois de ter aplicado o tutorial seus comentários deverão estar parecidos/iguais ao da foto do "depois".

Lógico que vocês podem editar o código e deixar do jeitinho que preferirem, como coloquei mais descrições ao lado dos códigos principais (dizendo o que é etc) vai ser super fácil de editar!


Pra personalizar seus comentários é só entrar no seu html (Design > Editar HTML) e procurar (F3) por }]]></b:skin> e acima dele colar o seguinte código:

/**=========== AREA GERAL DOS COMMENTS ===========**/
.comments{
width: 95% !important; /* largura da caixa de postagem, se sair pra fora do post diminua*/
margin:0 auto;
font-style: normal !important;
font-size: 12px !important;
font-family: verdana !important;
background: url(http://migre.me/aC1IZ) !important; /* fundo dos comentários - se desejar coloque outro background (trocando a url) */
border-radius: 10px; /* bordas arredondadas no fundo- se não quiser apague essa linha */
box-shadow:0 0 5px #aaa; /* sombra na caixa do fundo - se não quiser apague essa linha */
}
/**== HEADING DOS COMMENTS (1 comentario, 2 comentários...) ==**/
.comments h3,.comments h4{
width: 98%;
padding: 7px;
margin: 10px 0 !important;
color: #87CEEB !important; /* cor da fonte */
text-align: center; /* alinhamento */
text-shadow:0 0 2px #ccc; /* sombra – se não quiser apague essa linha */
font-family:'Dancing Script' !important; /* fonte - se preferir troque */
font-size: 37px !important; /* tamanho do texto - se preferir troque */
}


/**= BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone...) =**/
.comments .comment-block {
position:static !important; /* mantém o avatar na frente do bloco - não mude */
background: #fff; /* cor do fundo da caixinha dos comentários */
margin-left: 23px;
padding: 0 15px 0 23px;
border-top: 15px #FF80BC solid; /* borda encima da caixinha de comentário */
border-radius: 5px; /* bordas arredondadas */
box-shadow:0 0 3px #ccc, inset 0 0 11px #eee /* sombra na caixinha – apague se não quiser */
}

.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}

/* estilos para o nome do autor do comentário */
.comments .comments-content .user a{
font-style:normal;
border:0;
color: #CD96CD !important; /* cor da fonte do nome de quem comenta */
letter-spacing: 1px;
font-family:'Dancing Script'; /* fonte do nome de quem comenta */
font-size: 26px; /* tamanho da fonte */
text-shadow:1 1px #aaa; /* sombra na fonte do nome */
background: transparent;
padding: 4px 36px;
margin-left:-31px !important;
border-bottom-right-radius:10px;
margin-top:-2px
}
.comments .comments-content .user{
font-style:normal;
border:0;
color: #FF80BC !important;
letter-spacing:1px;
font-family:'Dancing Script';
font-size: 26px;
text-shadow: 0 1px #aaa;
background: transparent;
padding: 4px 36px;
margin-left: 11px !important;
border-bottom-right-radius:10px;margin-top:-2px
}
/*Nome do autor do comentário hover*/
.comments .comments-content .user a:hover {
text-decoration:none !important;
color: #A1DBE4 !important; /* cor do nome do autor do comentário quando passa o mouse */
}
/* estilo da data */
.comments .comments-content .datetime a{
background: none !important;
font-family: times new roman; /* fonte - mude se desejar */
float: right; /* posicionamento */
font-size: 12px; /* tamanho da fonte da data */
color: #fff !important; /* cor da data */
border:0 !important;
margin-top: -15px; /*aumente/diminua o nº para mover a data – negativo sobe e positivo desce*/
}
/* estilo do avatar */
.avatar-image-container {
min-width: 60px; /* determina um mínimo de largura */
min-height: 60px; /* determina um mínimo de altura */
padding:0 !important;
margin-left: 30px!important; /*aumente/diminua o nº para mover o avatar p/ os lados */
margin-top: 20px !important; /*aumente/diminua o nº para mover p/ cima/baixo */
position: absolute !important;
overflow: hidden !important;
background: #fff;
}
.avatar-image-container img {
border: 3px #EAEAEA solid; /* borda do avatar */
margin:0;
max-height: 48px;
min-height: 48px;
max-width: 48px;
min-width: 48px;
}

/**=========== TEXTO DO COMENTÁRIO ===========**/
.comments p{
font-size: 14px !important; /* tamanho da fonte do comentário */
font-family: Times new roman !important; */ fonte do comentário */
text-shadow: 0 1px #eee !important; /* sombra na fonte */
padding-left: 55px !important;
padding-bottom: 20px;
color: #888 !important /* cor do texto */
}
/**=========== BOTAO – RESPONDER ===========**/
/* botão responder do segundo nível */
.comments .continue a {
background: #87CEEB !important; /* cor do fundo */
color: #fff !important; /* cor da fonte */
float: right; /* posicionamento */
padding: 8px !important;
height: 10px !important;
line-height: 15px !important;
margin-top: -35px !important;
}
/* botão responder do primeiro nível, mais estilos para o botão do segundo nível */
.comments .comment .comment-actions a,.comments .continue a {
font-size: 11px !important;
float: right;
height: 10px !important; /* altura do botão */
color: #fff !important; /* cor da fonte */
padding: 6px;
border: 0 !important;
line-height: 10px;
margin: 5px;
margin-left: 40px;
font-family: helvetica; /* fonte - mude se desejar*/
text-shadow: 0 0;
border-radius: .5em; /* bordas arredondadas */
background: #CD96CD; /* cor do fundo */
font-weight: 800;
box-shadow: 0 1px 2px #666 /* sombra no botão - apague a linha se não quiser */
}
/* botão hover*/
.comments .comment .comment-actions a:hover {
text-decoration:none !important;
background: #FF80BC; /* cor do fundo do botão hover */
}
/* estilos para bloco de respostas */
.comments .comment-thread.inline-thread {
background-color: transparent !important;
margin-top: 40px;
padding: 0.5em 1em;
border-radius: 5px; /* bordas arredondadas – apague a linha se não quiser */
}
.comments .comments-content .comment-replies {
margin-top:1em;
margin-left:56px !important
}

.comments .continue {border-top:0 !important}
.comments .thread-toggle,.icon.blog-author {display:none !important}
/**======= Fim [candylland.org] [goimagines.blogspot.com] =======**/

  Atenção: Testado somente no modelo Viagem/Travel!

É isso, espero que tenha ficado tudo claro e que vocês consigam aplicar o tutorial direitinho!
Se usar não esqueça de creditar o CandyLand e o Go Imagine, kissus :*

Aviso: Tive que bloquear o botão direito por motivo de plágio descarado, tão até roubando meu template, vê se pode? Pra ver se isso da uma parada resolvi tomar essa decisão, espero que não atrapalhe em nada e se atrapalhar peço que me avisem. Não sei outra forma de bloquear o código fonte então tive que bloquear o botão direito mesmo, se alguém souber com esconder o código fonte eu agradeço!
É isso, desculpem o transtorno.

148 comentários:

  1. Mtmt obrigadaa , ameei ! Vc faz encomendas ?!
    http://blog-foreverpretty.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Faço encomendas sim, mas são pagas. Parei de fazer agora pois ando bastante ocupada, mas pretendo voltar a fazer nas férias de verão (:

      Excluir
    2. Ah entendi , e qnto custam ? Tem algumas ja feitas preu ver ?

      Excluir
    3. Um bom mesmo tá na faixa dos R$ 40,00, depende do que você quiser.

      Tenho dois pra lhe mostrar, um cheguei a fazer pra uma mulher, fiz o template, mostrei a ela e fiquei esperando ela me pagar pra eu poder instalar o template, mas até hoje ela não pagou então eu nem cheguei a instalar no blog dela hehe (print no blog de testes: http://migre.me/aCboV )

      O outro eu fiz pro blog World Cutest, ela ganhou de prêmio na gincana de aniver do blog (print do blog dela http://migre.me/aCbs4).

      É, são esses dois :3

      Excluir
    4. Anny eu quero comprar como faço?
      e siim a respeito do bloqueio no código ainda da pra copiar linda

      Excluir
    5. Esse código eu postei no meu primeiro blogger pra ajudar um amiga que tava sendo constantemente plagiada então se quiser ver o link é esse: http://complicperfectgt.blogspot.com.br/ só não liga pro designer até porque eu sempre fui péssima em editar qualquer coisa
      meu novo blogger é esse http://letradmusic.blogspot.com.br/ que também não tem o designer tudo isso mais é melhor que eu pude fazer.. :) bjus e boa sorte.

      Excluir
    6. Oi entao eu to tentando fazer tudo isso de varios tutorias seus mais nao consigo ....
      e queria muito deixar meu blog bonito mais nao estou conseguindo

      Excluir
    7. Oi entao eu to tentando fazer tudo isso de varios tutorias seus mais nao consigo ....
      e queria muito deixar meu blog bonito mais nao estou conseguindo

      Excluir
  2. Fica realmente lindo, mas eu prefiro uma coisa mais básica. Só background fofo como fundo e os avatares personalizados para mim está bom. Mas quem sabe eu não use em um dos meus próximos layouts? :)

    Beijos, nhaac. || Cupcake of Shine

    ResponderExcluir
  3. O que lindo fica assim mais bonito que o meu *-*, amei seu blog ele é lindo de mais, já estou seguindo

    californiadreams2.blogspot.com.br

    ResponderExcluir
  4. Nossa fica um charme, muito útil o tuto quem sabe não uso no próximo lay ?!
    estacao-teen.blogspot.com.br

    ResponderExcluir
  5. Aaah, adorei e já usei no meu blog, adoro seus tutoriais.
    Beijos.
    oblogdablogueira.blogspot.com.br

    ResponderExcluir
  6. Flor um blog copiou seu Design inteiro!Devia dar uma olhada!É exatamente igual ao seu! Beijão

    o link é esse : http://vamos-plagiar.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigado por avisar, mas o melhor a fazer é ignorar, porque se eu comentar (ou algum leitor daqui comentar) só vai aumentar a popularidade do blog dela e é isso que ela quer. Ignorando é mais fácil ela parar (:

      Excluir
    2. Também acho, essa garota ta conseguido tudo o que quer ibope.

      Excluir
    3. Ela só quer popularidade, seu blog é muito melhor que aquele, nem liga :)

      Beijos,
      Place Style

      Excluir
  7. Ameiii useii http://doce-girll.blogspot.com.br/

    ResponderExcluir
  8. Este comentário foi removido pelo autor.

    ResponderExcluir
    Respostas
    1. É só selecionar e apertar "ctrl+c" pra copiar e "ctrl+v" pra colar (:

      Excluir
  9. Sorry! eu consegui , parabéns pelo tutorial ficou liiiiiindo *-*

    ResponderExcluir
  10. Tentei fazer no meu blog e não consegui! http://iricardodesigner.blogspot.com.br Será pq ele esta do visualizações dinamicas?

    ResponderExcluir
    Respostas
    1. Provavelmente é por isso mesmo :(

      Excluir
    2. Anny Eu Tentei e Não Deu Certo E Estava No Viagem(Travel) Não Deu certo Ficou o Link Todo Na Navbar Por Que Será? :( Mas Eu Tirei :) Dá Uma Olhadinha No Meu Blog
      kimberly-shoppingphotoscape.blogspot.com ;D Bjss Ameiiiiiiiiiiiiiiiiiiiiiiiiiiiiii D+ Seu Blog Lindo Vc é Muito Inteligente Vira MinhaSeguidora no meu Blog... bJS

      Excluir
  11. Adorei , ficou muito lindo mesmo!

    http://garotamarte.blogspot.com.br/

    ResponderExcluir
  12. Respostas
    1. É só selecionar e apertar "ctrl+c" pra copiar e "ctrl+v" pra colar (:

      Excluir
  13. Anny! Amo Seus Tutoriais, ah e naãõ Deixe que Esse Tipo de Pessoa '' Plagiadores'' Acabe com sua auto-estima.Pense assim que vçe e unica e essa pessoa so quer ibope.um bando de invejosos!

    ResponderExcluir
  14. Anny, ameeei o tutorial! Tudo do seu blog é incrível! E, pra mim, o que funciona contra plagiadores é um gadget dizendo que Plágio é Crime de acordo com a lei 9.610-98. (Acho que é esse número mesmo)
    Beijos, Brenda :D

    ResponderExcluir
  15. AFFE ANNY! EU NAO CONSIGO COPIAR O CÓDIGO QUE VOCÊ PASSOU DO TUTORIAL E NEM VER OS LINKS DO PRINT QUE VC TIROU DOS TEMPLATES POR ENCOMENDA ! TA ATRAPALHANDO MUITO TIRA ISSO !

    ResponderExcluir
  16. Mas até o ctrl+c tá bloqueado :/

    ResponderExcluir
    Respostas
    1. Já liberei, agora tá dando (:

      Excluir
  17. Usei e ficou lindo! Beijoos você é demais! Continue sempre postando esses tutoriais que quebram meu galho!
    Beijos.

    ResponderExcluir
  18. não consigo pegar o código porque não copia

    ResponderExcluir
    Respostas
    1. Já liberei, agora tá dando, tenta de novo (:

      Excluir
  19. Adorei o tutorial, estava mesmo querendo saber como personalizar os novos comentários.
    Enquanto ao plagio, o único tutorial que funcionou no meu blog foi esse: http://blog-sweetpoison.blogspot.com.br/2012/06/bloqueando-o-ctrl-u.html

    blog-onedream .blogspot .com

    ResponderExcluir
    Respostas
    1. Pois é, eu cheguei a usar esse só que bloqueou o "ctrl+c" também, o que impossibilitava que copiassem o código do tutorial (pois bloqueei o botão direito também) ai tive que tirar :(

      Excluir
  20. é bem legal a post e visite meu blog:
    diquinhasdababinha.blogspot.com
    Beijos

    ResponderExcluir
  21. Oi adoro seu blog e não tou aki pra te xinga rsrs mas eu fiz alguma coisa seguindo as instruçoes de um post do seu blog não sei qual pois fiz varias atualizaçoes que deram super certas e adorei mas eu fiz alguma coisa que deixou o fundo dos meus gadgets transparentes ja tentei de tudo pra volta o normal mais não deu certo e gostaria que vc me ajudasse pois não quero o fundo trasparente...Bejos!!!

    ResponderExcluir
    Respostas
    1. Nossa, sério? rsrs
      Tenta mudar no designer do modelo!
      Design > Designer do modelo > Avançado > Plano de Fundo da barra lateral > Cor do plano de fundo > escolhe a cor da tua coluna (:

      Excluir
  22. Participa?Ficarei muito feliz!
    http://world-of-tutos.blogspot.com.br/2012/09/concursoeu-amo-bloggar.html

    ResponderExcluir
  23. Amei este tutorial. Estarei usando no próximo layout do meu blog! Beijoooooooos! goods-sweets.blogspot.com

    ResponderExcluir
  24. Fica um charme o resultado final né?! Vou usar no próximo design que fizer no meu blog :D Adorei!

    Bjs

    http://magicmih.blogspot.com.br/

    ResponderExcluir
  25. Hey anny adorei o tuto , fiz ele no design novo do we moustache logo logo estara cregitado ok beijos CARLOS !

    ResponderExcluir
  26. Basta você bloquear o Ctrl + U, que ou seja, não é mais que o código-fonte [:

    ResponderExcluir
    Respostas
    1. É que ele bloqueia "de brinde" o ctrl+c, ai fica ruim né :(

      Excluir
  27. Anny ficou a coisa mais linda ^.^
    entreamigas-thamy.blogspot.com

    ResponderExcluir
  28. Não to conseguido copiar o codigo ,tenho que copiar ele no microsoft , desbloqueie

    ResponderExcluir
    Respostas
    1. OMG, aqui o ctrl+c tá funcionando *o* Sei lá o que ouve...

      Excluir
  29. Obrigada Anny S.
    agora tá funcionando.
    vou começar a usar os seus tutoriais agora , novamente .
    amei o blog .

    ResponderExcluir
  30. Adorei o tutorial! Mas meu 'responder' não ficou personalizado...o que fazer?

    ResponderExcluir
    Respostas
    1. Vish, que chato! Manda o link do teu blog pra eu ver :)

      Excluir
  31. OMG que perfeito esse tuto! amei! lelusantos.blogspot.com

    ResponderExcluir
  32. Cara, que perfeito esse tutorial, meu Deus O_o
    Sério, amei.
    Usei no meu layout e no próximo que vou usar também *-*
    Cherry Teen // Official
    &
    Doce Natureza

    ResponderExcluir
  33. Muito obrigada pelo tutorial, já procurava faz tempo ... Kisses

    blog-adolescendo|blogspot|com

    ResponderExcluir
  34. Acho q nunk comenteii aqui,mas vc tem talento flor,eu peguei o code e irei usar assim q eu inaugura o blog mando link e vou dar os creditos.Parabéns seu blog é divino

    ResponderExcluir
  35. Otimo tutorial! Fica lindo ♥
    Só achei meio chato o botão direito pois tenho mania de abrir os links em uma nova guia :(
    Beijos

    ResponderExcluir
    Respostas
    1. Pois é, é chato mesmo, mas antes isso do que ser plagiada né? kkk

      Excluir
  36. Aii, eu coloquei no meu, ficou lindo!!
    Adorei, obrigadão mesmo!
    Beijoos
    caramelos-encantados.blog....com

    ResponderExcluir
    Respostas
    1. E vi lá no teu blog flor, ficou lindo mesmo :)

      Excluir
  37. Amei a dica e também seu blog. Muito lindo.

    http://retratandocoisas.blogspot.com.br/

    ResponderExcluir
  38. Oba, Deu certo!!! Mas como mudo a cor?

    Beijos
    Maria

    http://stopminas.blogspot.com.br

    ResponderExcluir
    Respostas
    1. No código mesmo tá tudo explicado, é só achar a parte do código cujo elemento você quer mudar e trocar o código da cor.
      Exemplo, digamos que você quer mudar a cor do nome de quem comenta:

      Você vai procurar nesse código a parte:
      /* estilos para o nome do autor do comentário */
      ai vai ter:
      color: #CD96CD !important; /* cor da fonte do nome de quem comenta */
      é só mudar o #CD96CD pela cor que vc quiser. Bj

      Excluir
  39. Muito legal! Vou testar no meu blog =)

    ResponderExcluir
  40. Legal, coloquei no meu blog, muito obrigada!

    http://www.aprendizdecabeleireira.com/

    ResponderExcluir
  41. Muito obrigada, coloquei em meu blog e ficou super lindo! Dei os devidos créditos! Beijos
    be-a-princess-official.blogs...

    ResponderExcluir
  42. Olá!
    Eu coloquei no meu blog, mais fiquei com uma dúvida:
    Quando eu coloquei o código, não mudei nada, ÓTIMO!Ficou lindo!!
    Mas ficou um probleminha super pequeno! (eu acho que é super pequeno)
    não apareceu a foto!
    Só ficou o circulo redondo sem a foto! Tem como me ajudar? Please??
    beijos

    csn-carolina.blogspot.com.br

    e, o blog que eu coloquei a personalização que é o blog apenas de testes!

    smile-carolina.blogspot.com.br/

    Se der me ajuda !

    ResponderExcluir
  43. Adorei o tutorial, mas vc protegeu seu blog, então não dá para copiar ;/

    ResponderExcluir
  44. Amei essa personalização. Mas tem um problema, o blog não tem comentários, de nenhum tipo. Fui até as configurações está com a opção incorporado e para exibir. Você pode me ajudar? Obrigada.


    http://www.jhecpasquali.blogspot.com

    ResponderExcluir
  45. liiiiiiinda eu amo seus tutoriais.

    cupcakeofchocolate.blogspot.com

    ResponderExcluir
  46. Amei *-*

    ss-staystrong.blogspot.com

    ResponderExcluir
  47. aaadooorei combinou ceertinho em meu blob. Vlw xD
    se quiser visitar...:
    http://comentariosde1garotaqualquer.blogspot.com.br/

    ResponderExcluir
  48. Ahh que raiva Anny NO MEU não deu :( Mas mesmo assim eu amo o seu blog parabéns segue o meu ? eu já segui o seu segue o meu?

    http://www.coisasdemeninassgirl.blogspot.com.br/

    ResponderExcluir
  49. Oooi floor, eu coloquei isso no meu blog de testes que eu testo esse tutoriais de gadgets e tmb HTML e deu perfeito, dai eu fui colocar no meu blog de testes do layout INTEIRO e não deu vc poderia me explicar pq?? tem "outro" lugar para colocar o código? por favor me responda, vou colocar meu e-mail aqui se quiser responder por lá?!
    greta.zotti@hotmail.com - e-mail
    arrazocomz.blogspot.com - blog

    ResponderExcluir
    Respostas
    1. Nossa, que estranho!
      Tem certeza que botou o código certinho? Não deixou nada de fora?
      O lugar tá certo, porque é meio que universal colar acima de " }]]>", a maioria das vezes dá certo!

      Excluir
  50. Muito bom tutorial, parabéns! :)

    ResponderExcluir
  51. Amei era o que eu estava procurando \☺/
    obrigada!!
    rarosej.blogspot.com.br

    ResponderExcluir
  52. Anny, você pode sei lá, dar uma ajeitada no meu blog. Pode fazer alguma coisa ??

    ResponderExcluir
    Respostas
    1. Báhh flor, não tenho tempo :( Tem vários blogs que fazem, dá uma procurada!

      Excluir
  53. Obg Anny seus tutos sempre
    me ajudam quando eu preciso! kiss;*

    http://drunkonloveeditions.blogspot.com.br/

    ResponderExcluir
  54. Ketelin Natieli Wochner13/11/12 12:59

    Olá, amei o tuto.
    Coloquei no meu blog, mas o comentário não aparece! O meu também é no modelo Travel, e em Texto do Comentário tá tudo certo, a cor, a fonte...
    Dá uma olhadinha : http://vanille-vie.blogspot.com.br/

    ResponderExcluir
  55. Eu testei no modelo espetacular LTDA. e funcionou :))

    ResponderExcluir
  56. Lindo, estou usando, muito útil.

    cupcake-inteligente.blogspot.com.br/

    ResponderExcluir
  57. Flor funciona em outro modelo sim, eu usei no Espetacular Ltda. e ficou bom e pegou, se quiser da uma olhada ta aqui, é que eu ainda tou arrumando ele rs

    http://small--teen.blogspot.com.br/

    ResponderExcluir
  58. Anny, consegui colocar, mas o avatar tá feio :(
    A foto da pessoa tá quadrada mas a borda tá redonda e parece q tá faltando foto para completar a borda, tá estranho. O que será que pode ser?

    www.makesdanathy.com

    ResponderExcluir
    Respostas
    1. Não faço ideia flor, o código tá certinho...
      E se você tirar a borda arredondada? Aí resolve o problema :p

      Excluir
  59. Eu ameeei! Já coloquei no novo layout do meu blog e já vou colocar os créditos! Se quiser de uma olhada!
    http://caprichadasbr-oficial.blogspot.com.br

    ResponderExcluir
  60. tem como bloquear o Ctrl U(que exibe o codigo fonte) no For your blogger

    ResponderExcluir
    Respostas
    1. até tem, mas ele bloqueia o ctrl+c tbm, ai se vc disponibiliza códigos fica ruim né :(

      Excluir
  61. Oi! Amei esse tutorial e já coloquei no meu blog. Ainda vou alterar a cor e a fonte para ficar diferente do seu.
    Mas me ajuda por favor?
    Não sei o que ta acontecendo, a data do primeiro comentário em posição diferente/estranha em relação aos outros. Ja revisei todo codigo e nao sei o que pode estar errado.

    ResponderExcluir
    Respostas
    1. antes tbm acontecia isso comigo e não consegui mudar, mas tenta mexer no valor de margin-top no trecho /* estilo da data */ :)

      Excluir
  62. Meu blog http://maryaneambrosio.blogspot.com.br/2012/12/resenha-duo-po-compacto-efeito.html#comment-form

    ResponderExcluir
  63. Ajudou e muito esse tutorial! :D
    Seu blog é lindo *----*
    Bjinhos!

    http://pequena-vaidosa.blogspot.com.br/

    ResponderExcluir
  64. Amei, me ajudou muito, obrigada ;D

    ResponderExcluir
  65. Vou usar . AMei a combinação , posso usar as mesmas cores?
    http://bolhaarrozada.blogspot.com/

    ResponderExcluir
  66. Poxa No Meu Nada Ta dando certo na area dos comentarios Pode me ajudar?

    ResponderExcluir
    Respostas
    1. tem modelos que não funcionam mesmo, aí não tem o que fazer...

      Excluir
  67. Também nem consegui :c
    Mas parabéns pelo tutorial !
    http://teens-2011.blogspot.com.br/

    ResponderExcluir
  68. Funcionou no meu blog, mas tive que colocar direto na parte de edição de css do bloggger, e não no editor de html.

    Personalizei o meu!

    http://www.nopreach.com/

    Muito obrigada pela dica flor!

    ResponderExcluir
    Respostas
    1. tb fiz isso e deu certo, mas não consigo clicar em responder aos comentarios.. o q faço??

      Excluir
  69. Não poderei deixar de usar no meu novo layout!!
    #May-Sun

    layrakauana.blogspot.com

    ResponderExcluir
  70. Vllw Liamda seu blog é perfeito !
    http://garotastutolovers.blogspot.com.br/

    ResponderExcluir
  71. mas é so copiar e colar mesmo.. nao tem q apagar nada mesmo??

    ResponderExcluir
  72. Nossa,editei tudo certinho,e não apareceu nada na área dos comentários do meu blog ..
    Perdi meu tempo :/

    Gostei muito do seu blog flor ...

    littl-things.blogspot.com.br

    ResponderExcluir
  73. Usei e creditei http://sugoitutoriais.blogspot.com.br/

    ResponderExcluir
  74. Oi linda! Eu coloquei esse Modelo de Comentários em meu Blog!! Tá lindo! Parabéns

    xoxo'

    ResponderExcluir
  75. Amei! Também não consegui pelo editor de html só pelo css, beijos *-*

    totalmente-diferente.blogspot.com

    ResponderExcluir
  76. Nossa Any,como um blog bem bolado faz toda a diferença nao é amiga??
    Adorei o tutorial,mas nao funfou no meu modelo,alias a maioria da coisas nao funciona nele;/
    Sou doida pra aprender sobre projeção e construção de templates como esse seu,são tudo-de-bom,sei um pouco de html aki,um pouco de cass ali,mas nao o suficiente,e não conseguir fazer algo tão bom assim me deixa extremamente frustrada.
    Voçe tem alguma dica??utorial sobre isso??
    Adorei o blog e parabens pelo sucesso!
    Abraçoes

    ResponderExcluir
  77. Anny vc sempre me ajudando. Obrigado.

    P.S: Deu certo nesse modelo aqui: Template Style (Blogger Template Style/Name: Awesome Inc.)
    O blog q usei esse e outros tutoriais ainda ñ foi p ar, assim q ele for lançado eu coloco o link, caso queira ver.

    ResponderExcluir
  78. Querida Anny!Amo de paixão seu blog, já leio ele à algum tempo, mas como agora estou refazendo toda a parte de layout do meu blog, seus posts de tutoriais de tornaram muito mais úteis para mim.Este dos comentário por exemplo, já estou usando, além de vários outros que já usei e ainda vou usar.Não coloquei créditos ainda, porque queria deixar essa parte para um único post, quando eu terminar a reforma.Pode demorar um pouquinho,mas fique certa de que terá seu blog no meu post de créditos assim que eu acabar ok?
    Um beijo da Lari.
    P.s. Meu blog:http://senhoritaestelar.blogspot.com.br/

    ResponderExcluir
  79. MUITOO OBRIGADAA!!! Esse é um dos melhores blogs que eu já vii!! Todos os tutoriais dão certoo, finalmentee... Já estou seguindo :3
    P.S: Também deu certo no modelo Espetacutar Ltda.

    Bejuss, Aliice

    ResponderExcluir
  80. Tuto aprovado

    ResponderExcluir
  81. Ameiii!
    Já estou usando no meu blog. ^^
    Passei a semana procurando algo bacana e finalmente encontrei.
    Ahhh o meu modelo é o Minima e funcionou direitinho.*-*

    Bjs
    http://livroslovers.blogspot.com.br/

    ResponderExcluir
  82. Eu sei como bloquear o hatml/css para que ninguém roube o seu tema. Eu tinha esse problema, pq eu fazia temas de tumblr e muitas pessoas resolveram me plágiar, se quiser que eu ensino é só avisar, beijos :)

    ResponderExcluir
  83. muito fofo d+ usei to usando beijocas
    http://cupcakescoloridoscc.blogspot.com.br/

    ResponderExcluir
  84. Muito lindo, legal, e adorei seu tuto! Mais ainda não tentei fazer, pra tomar cuidado com meu blog, irei testar no meu blog de Teste c; Adoro o GI <3

    ResponderExcluir
  85. Estou usando! ^^
    Vou colocar seu blog nos meus créditos :3

    lollipopotaku.blogspot.com.br/

    ResponderExcluir
  86. Unico tutorial que funcionou no meu blog de personalizar a área dos comentários, obrigada, vou creditar ;)
    www.maquiagensdaerika.blogspot.com.br

    ResponderExcluir
  87. Muuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuito bom

    ResponderExcluir
  88. amei o post me ajudou muito.

    ResponderExcluir
  89. Eu coloco o código e não da =( oq eu estou fazendo de errado?

    ResponderExcluir
  90. Amei mesmo *-* Só vou mudar algumas cores, porque não combinam com o meu lay, ok? Beeijos

    ResponderExcluir
  91. Oi,amei o tuto e já estou usando,mudei o fundo e talvez troque a data para a esquerda,te agradeço por disponibilizar...bjs.

    ResponderExcluir
  92. Amei seu site principalmente pq vc explica tudo certinho,mas no meu blog os comentários ficaram para fora da 'caixa de texto',já tentei arrumar mas não consigo,por favor me ajude !!
    Agradeço desde já!
    Ate +

    ResponderExcluir
  93. Ficou muito lindo e fofo ><
    Visita meu blog ? http://princesofnoiseof.blogspot.com.br/

    ResponderExcluir
  94. que lindo <3 estou usando

    ResponderExcluir
  95. Ai ficou lindo só que no meu ocorreu um problema e não ficou com as bordas arrendondas mas assim mesmo ficou lindo!

    ResponderExcluir
  96. Usei no meu blog, obrigada <3
    www.amoraoprimeirorimel.com

    ResponderExcluir
  97. Ameeeiii!!! usando quando estrear o templante, coloco seu link de que foi um site perfeito para mim!! ^_^ Feliz 2014!!
    bjos

    ResponderExcluir
  98. Como é que faz para diminuir a caixinha de responder do segundo nível, para ficar semelhante ao seu? :)
    Lindo blog! bjs. :*

    ResponderExcluir
  99. Usei no meu blog, thanks :)

    oreinodegelo.blogspot.com

    ResponderExcluir
  100. Oba consegui muito obrigada ficou lindo da uma olhada la.. to amando rs

    http://achadosdacrys.blogspot.com.br/2014/02/como-deixar-sidebar-semi-transparente.html#comment-form

    ResponderExcluir
  101. oi eu não consigo achar esse código: doo tal de ]] skin alguma coisa assim oke será? eu não consigo faser nenhum tipo de tutorial me responda pfv?

    ResponderExcluir
  102. Depois de horas mudando os códigos eu consegui! Foi bem explicadinho, adorei ♥

    ResponderExcluir
  103. Muito obrigado, fazia tempo que eu queria um e nunca conseguia achar, adorei
    um mega bjs Gi
    www.gisele-cristina.com

    ResponderExcluir
  104. Eu não consegui. Já tentei de tudo.

    ResponderExcluir

- Comentários do tipo "seguindo, segue de volta" "lindo o blog, seguindo, retribui?" Serão ignorados se não tiverem uma opinião sobre o post em si.
- Não aceitamos mais selinhos e tags, sorry!
- Leia a página "FAQ" e outras páginas internas antes de perguntar qualquer coisa.
- Sua opinião é sempre bem vinda. Mas seja educado!

© Go Imagine - 2014. Todos os direitos reservados.