Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1508408623
Vida do cache: 1508451823
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Novo Blogger

Personalizar comentários no novo blogger

Neste tutorial veremos como personalizar comentários no novo blogger. Desde o lançamento do novo sistema de comentários no Blogger, com a opção Responder Comentários, que algumas personalizações, simplesmente deixaram de funcionar.
Alguns usuários perderem todas as mudanças realizadas anteriormente, e isso ocorreu porque com a implementação do novo sistema, houve alterações na codificação da área de comentários.

personalizar comentários no novo blogger

Demo

Neste tutorial, veremos como aplicar um estilo diferente aos novo sistema de comentários do Blogger.

[becape]
Antes de mais nada, vale lembrar que é sempre bom fazer um backup antes de prosseguir com o tutorial. [/becape]

Personalizar comentários

No painel do blogger, acesse o menu “modelo“, clique em “editar html” e procure por:


/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
  border-top: 1px solid $(widget.alternate.text.color);
  border-bottom: 1px solid $(widget.alternate.text.color);
}

.comments .comment-thread.inline-thread {
  background-color: $(post.footer.background.color);
}

.comments .continue {
  border-top: 2px solid $(widget.alternate.text.color);
}

e SUBSTITUA todo o trecho que você localizou por este a seguir:



/* Comments
----------------------------------------------- */
.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}
.comments .comment .comment-actions a,.comments .comment .continue a{
display:inline-block;
margin:0 0 10px 10px;
padding:0 15px;
color:#999 !important; /*--- cor da fonte do botão reply--- */
text-align:center;
text-decoration:none;
background: #ccc;  /*--- cor de fundo do botão reply--- */
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) ); /*--- cor de fundo gradiente--- */
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );/*--- cor de fundo gradiente--- */
border:1px solid #C0C0C0;  /*--- cor da borda do botão reply--- */
border-radius:5px;
-moz-border-radius:5px;
height:26px;
line-height:28px;
font-weight:normal;
cursor:pointer;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none; 
background:#fff; /*--- cor de fundo do botão reply houver--- */
border:1px solid #999; /*--- cor da borda do botão reply hover--- */
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative; 
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;}

.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
float:right;
}
.comments .comments-content .datetime a{
font-size:11px;
text-decoration:none; color:#666; /* -- cor do link da data do comentário -- */
}
.comment-content{margin:0 0 8px;padding:0 5px;
}
.comments .comment-block{
margin-left:65px;
position:relative;
background:#fff; /* -- cor de fundo do comentário -- */
border:3px solid #C0C0C0; /* --- cor da borda do comentário ---*/
border-radius:8px;
-moz-border-radius:8px;
}
.comment-header{ /*--- linha onde fica o nome do autor do comentário --- */
background-color:#f1f1f1;   /*--- cor de fundo--- */
font-size:18px;
border-bottom:1px solid #C0C0C0;  /*--- cor da borda --- */
padding:5px;
}
.comment-header a{
color: $(link.color); /*--- cor do link nome do autor do comentario --- */
}

.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.avatar-image-container{
background:url(http://3.bp.blogspot.com/-uyq6qUMgZY4/T9hNk34hREI/AAAAAAAAAK0/l7bMt9LUPTE/s1600/imagem-arrow.png) top right no-repeat; /*--- imagem arrow---*/
float:left
vertical-align:middle;
overflow:hidden;
width:65px !important;
height:51px !important;
max-width:65px !important;
max-height:51px !important}
.comments .avatar-image-container img{
padding:2px;
border:1px solid #ccc;
width:45px !important;
height:45px !important
;max-width:45px !important;
max-height:45px !important;
}

P.s: Dependendo do modelo do seu template, pode ser que o código acima esteja um pouco diferente. O importante é que você localize todo o código css referente aos comentários, para poder fazer a substituição.

No código acima, os trechos personalizáveis estão destacados.
A "setinha" que eu usei no box de comentário é esta abaixo.

Sugiro que você salve a imagem no seu pc e depois hospede em seu blog.
Lembre-se que: Se quiser alterar a cor da borda em volta do box de comentários, você deverá seguir a mesma cor da "setinha", ou seja, terá que fazer outra imagem.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

121 Comentários

  1. Anny disse:

    Obrigada! Me ajudou muito!!

  2. blackstarsztsubaki disse:

    muito bom esse tutorial

  3. Rafael Paes disse:

    Olá Vanessa, obrigado pelas dicas, ainda vou tentar adaptar elas ao meu blog, mas gostaria muito de saber se você poderia me passar o código desse mini menu de compartilhamento do final dos seus posts, ajudaria bastante, essa barrinha mesmo que tem facebook, e tal… obrigadão… =)

  4. Guria, tu ja me salvou dezenas de vezes e nem sabes!
    Obrigado!

  5. Boa tarde. Gostei muito do seu Site. Estou procurando mais não acho em nenhum lugar. Eu vi que aqui no seu Site os comentários mais recentes estão no topo, e os mais antigos em último lugar. Queria muito saber como fazer com que os comentários do meu Site também fiquem assim, poderia me dar o link to tutorial? é muito importante para o meu dia a dia que os comentários recentes fiquem no topo da lista, e não no final. Um grande abraço e muito obrigado desde já. Uma boa semana e ficarei no aguardo. Bom trabalho aqui no seu Site.

  6. Alceu Pereira disse:

    Vlw tudo que estou montando um template apartir dos seus tutorias

  7. Paloma disse:

    Obrigado, me ajudou muito u-u

  8. Obrigado, ficou perfeito 😀

  9. Alexandre disse:

    Tens como disponibilizar esse formato/css atual do teu blog? O botao responde dentro do balao ficou show. Eu iria editar as cores.

    Fico no aguardo :)
    Abraços
    DarkSide ( http://www.danosse.com )

  10. Oi eu estou tentando mudar a cor da fonte dos comentários, mas não consigo, tem como me ajudar ?
    A fonte está branca e assim quando publicam não aparece nada

  11. Milton disse:

    Oi Vanessa, seu blog é muito maneiro, suas dicas são bem úteis. Porém ainda tenho uma dúvida: como personalizar a mensagem que acompanha o número de comentários do blogger? Tipo assim: 2 comentários, não acredito!
    Obrigado e cordial abç

  12. Clau,seu tutorial dá certinho.
    Eu fui ver as configurações dos comentários eram abaixo incorporado
    marquei a opção pagina inteira.
    Aparece a foto/avatar de quem comentou perfeitamente.
    Para quem está reclamando deste maravilhoso tutorial grátis.
    (deveria ser pago)
    fica a dica:blogueiro tem que estudar,pesquisar e queimar
    um pouco os neurônios.
    Clau,sinta-se a vontade para deletar este comentário.
    Parabéns pelos tutoriais,serei eternamente grata.
    Linda semana para você,beijos

  13. Lia Luz disse:

    Olá
    Gostei muito pois eu queria que as pessoas
    deixassem um comentário e o que tem no blogspot
    é muito pouco, mas não consegui pois lá esta todo colorido
    e não achei o trecho que era pra ser substituído, se puder me ajudar valeu!

  14. wagner disse:

    nao funcionou nao esse codigo

  15. leny wata disse:

    O Erro esta por não saber o que tirar não tem dizendo até onde retirar segui o código que está ai na caixa em azul,deu erro.
    eu guardei o código como não deu certo voltei novamente
    com o código para o lugar.
    uma virgula tirar a mais ou a menos da erro.
    por isso dificilmente
    quem não entende nada de HTML consegue certar.

  16. camila disse:

    vlw pelo tuto me serviu bastante..

  17. Luiza disse:

    Meu template é tirado da internet, e eu modifiquei ele quase todo… coloquei esse modo de comentários, mas não consigo responder mais os comentários.. clico em ”responder” mas não aparece nada. Pode me ajudar?

    • To com o mesmo ploblema

    • Vanessa disse:

      Lamento, mas não tenho como te ajudar. Sendo assim, eu sugiro que vc reporte este problema diretamente no fórum oficial do Blogger, de qualquer forma agradeço pelo comentário.

    • Tentei tudo!! e ñ deu certo, sorte q tinha um modelo salvo mas tava pela metade, consegui repor os artigos perdidos, e ainda essse modelo de comentários…não altere nada, nem a cor principalmente…
      a úncica forma e essa

      • tem jeito não o problema volta novamente, so da pra postar uns 3 comentários e depois trava e não da mais =(, meu blog tá perdido.

        • DESCOBRI A SOLUÇÃO!!!
          tem um widget de compartilhar os posts em redes sociais,ele bloqueia os comentários, para comentar normalmente, apenas exclua ele.. e tudo voltará ao normal!
          eu ja tava enlouquecendo refiz meu template umas 20 vezes..

          o que eu coloquei tem esse nome: “Fantástico widget animado com botões para redes sociais”.

          exclua qualquer widget de compartilhar e seja feliz!

  18. o meu template não é editável e totalmente diferente não apareceu esse código, mas eu troquei o código de baixo pelo código que começava com “.coment” e quando eu salvei Apareceu, mas tô com uma duvida bem grande! se deu certo mesmo??? to com receio de ocorrer algum problema no meu blog…
    ficaria muito aliviado se você pudesse dar uma olhada, pra ver se tá tudo certo
    pode responder aqui que eu vejo.
    Muito Obrigado!

  19. robinho disse:

    muito bom vlw galera

  20. João Gustavo disse:

    Olá! Muito obrigado, ótima postagem!

    João Gustavo

  21. Só tenho uma palavra para descrever “Obrigado”. Valeu mesmo pelo ótimo post, ajudou e muito.

  22. tainara disse:

    Oi, queria saber o porqe no meu blog nao funciona o avatar, nao aparece avatar. O que eu faço?

  23. Adorei o post, muito bom parabéns Vanessa !

  24. Antônio Carlos disse:

    Hey, Vanessa , a opção ”excluir” comentários não funciona aqui .

  25. Carlos disse:

    Passando só para agradecer pelos inúmeros tutoriais que você oferece e ressaltar que o seu site é o mais útil que conheço desse gênero. Seus códigos sempre são efetivos para o meu template e os exemplos através de blogs de testes me dão mais confiança para tentar com o meu. Obrigado pela sua ajuda!

  26. Primeiro te agradeço, mudei várias coisas no meu blog, Graças a vc!

    Eu queria saber como fazer para colocar os comentários na parte de cima da postagem e não lá embaixo, como é.

    Carina

  27. Isabela Alves disse:

    Eu consegui mudar,mas como se faz para mudar a cor do fundo,tipo do meu está cinza quero deixar branco
    Como faço isso?

  28. yaragoth disse:

    Deu super certo, como sempre.
    Nessa, não rola fazer personalizações específicas nos comentários do autor do post, como tinha uma vez para o sistema antigo?
    Os comentários são meu único problema dos códigos do Blogger…

    Agora vou lá descobrir como faz pro texto dos comentários aparecer ANTES deles, e não depois como está ocorrendo aqui…

  29. Leo disse:

    Fui colocar no meu blgo e o texto do comentário fica branco, assim como o fundo. Não achei aonde altera a cor do texto. Pode me ajudar?

    Obrigado!

  30. das disse:

    Nossa, amei!
    Deu super certo!!
    Valeu… mais uma vez! rsrsrs
    Bjinhos,
    Dani

  31. Rike disse:

    Esse tutorial tem para templates com versão antiga do blogger? Pois no meu template não encontrei nada parecido com estes códigos acima. Obrigado e parabéns pelo seu blog, contem ótimos conteúdos!

    • Rike disse:

      Ahhh eu consegui, o código não estava indo porque eu não havia habilitado a opção de responder comentários, desculpa o incomodo, e valeu pelos códigos :]

    • Vanessa disse:

      Dá uma lida no artigo “ativar responder comentários” (link está no inicio deste tutorial).

      • Rike disse:

        Gostaria de agradecer mais uma vez. Porem houve um probleminha.. No meu template não aparece a opção “excluir” ou a lixeira. Ja consultei os códigos do meu template e estão todos certos, isso é comum?

  32. Nossa muiito bom! Funcionou direitinho! Finalmente encontrei um site que os códigos realmente funcionavam, muiéér. Parabééns!

  33. Jessica Fernandes disse:

    Já consegui resolve o problema muito obrigada por ajudar tanto a gente!

  34. Jessica Fernandes disse:

    O meu só fica cinza o fundo dos comentarios como tirar?

  35. Já faz um belo que falei que não consegui colocar e dava bug , só que fui tentar novamente e consegui dessa vez … então obrigado

  36. Muito bom o tutorial, já fiz o passo a passo como você ensinou e coloquei no meu blog, amei o resultado, muito obrigada por postar!

  37. Cinthia disse:

    Oi Clau! Minha dúvida é relacionada ã outro post, mas por algum motivo não dá pra comentar lá…

    Eu gostaria de saber se tem como DESATIVAR o avatar nos comentários do blog! Pesquisando na internet eu vi que em Configurações > Comentários tem como marcar/desmarcar a opção de mostrar o avatar, mas não sei se por causa da versão nova ou algum problema com o meu painel, não tem mais essa opção disponível!

    Nesse caso, tem como eu desativar o avatar?

  38. Maurício disse:

    Olá,
    Gostaria de agradecer pelo tutorial. Adorei o visual dos comentários e do botão responder! Simplesmente fantástico!

    Agora vou editá-los e colocar na cor azul, minha cor preferida ^^

    Obg ^^!

  39. Samukka disse:

    Olá, queria saber como retirar o nome “Tecnologia do Blogger” lá embaixo, assim como no seu blog? Obrigado.

  40. Perfeito Tutorial e Lindo Blog Parabéns

  41. Agora eu consegui retirar e deixar normal … mas mesmo assim valeu

  42. Danny Toledo disse:

    nossa valeu mesmo, deu super certo e está muito bem explicado. bjs

  43. Adorooo seu blog e super recomendo! beijooocas

  44. Bia disse:

    fica muito legal! ^^

  45. Euclides Luã disse:

    Gostei funcionou no meu blog normalmente :) obg

  46. Ananda Maciel disse:

    amei este tutorial (amo todos os tutorias deste blog), já apliquei no meu blog, só precisei de um pouco de paciência nas cores e BAN!! ficou legal :) super abraço, até a proxima.

  47. Lollita disse:

    Nossa, muito obrigada
    Adorei a dica e já apliquei no meu blog
    beijoss

  48. Gabriela disse:

    Nossa! MUITO OBRIGADA por esse post! Tava tentando arrumar os comentários do meu blog há um tempão!
    Mas como eu faço pra cada comentário ter um botão de responder igual ao seu blog? Pq o meu fica igual ao da imagem do exemplo: um botão separado pra todas as respostas do mesmo comentário.
    Espero que eu tenha conseguido explicar o que quero dizer.. hehe
    Obrigada!

  49. Ane disse:

    Olá Vanessa amos seus tutoriais. Gostaria que me ajudasse na medida do possivél. Como posso colocar essas frases em quem comenta como nesse blog http://loveglitter.com.br/resultado-sorteio-kit-delinedores/ , falando quantas vezes a pessoa se fez presente?

    Grata

    Ane

  50. Wilker disse:

    Olá. Muito bom o seu site mas olha, tenho uma grande duvida. Como eu uso este sistema de comentários que tu tens aqui ? Ao invês de comentar com o sistema padrão do blogger, quero um parecido com o que tens aqui, apenas com nome, email e site . Pode me dizer sfv ? Obrigado :)

  51. Nielson disse:

    Queria mudar o formulários para comentar.

  52. Nenvi disse:

    Tem como trocar o avatar padrão? Aquele dos comentários sem foto?

  53. Alex disse:

    Olá

    Muito obrigado!
    Ficou realmente muito bom!

    abç

  54. Lucas disse:

    Muito bom, fera demais, Obrigado!!!!!!

  55. Olá, coloquei esse css no meu blog mais não funcinou!
    A opção responder não funciona, por favor faz um tutorial pra consertar este erro, porque muitos blogs que já vi assim :s
    Agradeço’

    • Vanessa disse:

      Vc tem que vc reportar o seu problema diretamente no Fórum de ajuda do Blogger, pois eu não tenho como ajudar a solucionar isso.

  56. Angelo disse:

    Eu descobri como destacar comentario do autor do blog no novo blogger

    Basta adicionar

    .comments .comments-content .loadmore a {
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;}
    .comments .comment-thread.inline-thread {
    background-color: #6fa8dc;
    }
    .comments .continue {
    border-top: 2px solid #a3a3a3;
    }

    debaixo deste codigo css

  57. Sou fraquinho em HTML, morro de medo de fazer besteira, mesmo salvando uma copia do código. Por isso vou devagar, leio o post 2 ou 3 vezes pra entender.

    Obrigado pelas excelentes dicas.

  58. Dirceu disse:

    Oi amiga. No meu blog não existe essa entrada: .comments .comment-thread.inline-thread {
    background-color: $(post.footer.background.color);
    }

    Não sei se é por isso que o sistema de comentário não muda. Fiz exatamente como vc falou 3 vezes. Te agradeço.

  59. Roberta disse:

    Não mudou nada nos comentários do meu blog, será que fiz algo errado?

  60. Fica mto show!!!

  61. Rodrigo disse:

    Valeu, ajudou! :)

  62. Roberta disse:

    Nossa, muito útil, assim como todas as suas postagens ^^
    Aprendi e aprendo muito aqui!
    Eu quero atualizar o sistema de comentários do meu template, e já encontrei aqui como fazer isso, para poder aplicar efeitos assim, porém, eu queria muito usar emoticons nessa forma de comentários mais atualizada.
    Espero não estar incomodando, mas gostaria de saber como usar emoticons nos comentários do novo blogger.
    Agradeço antecipadamente ^^
    Beijos<3

  63. Angelo disse:

    Oi mais uma vez nessa, eu pedi para detalhar por que o meu template do meu blog fui eu que criei, e nele faltou um codigo para fazer fucionar alteração deste estilo css ai, você poderia ensinar a colocar emomticos no novo blogger ?

  64. Douglas disse:

    Ola Gostaria de Saber como fazer um campo de comentarios igual a este seu para blogger!?

  65. Oie, amei o tutorial, estava procurando a algum tempo, e o seu foi o melhor, beijos e obrigada

  66. Angelo disse:

    Oi Vanessa !!!, poderia detalhar o que cada area do estilo css significa ???

  67. pepi disse:

    ameiiiiiiiiiiiii meus parabens eu ja tinha tentado varias veses fazer isso e nao tinha conseguido mas o seu tutorial ta otimo

  68. yan disse:

    Vanessa muito bom seu tutorial mais to com um problema o meu avatar não aparece nos comentarios pode me ajudar

  69. Willian disse:

    me diga uma coisa? como você aprendeu tudo isso? você é formada em liguangens (php,xml e html)? ou vai fuçando a net e aprendendo?
    acompanho este blog a uns 3 anos e você é fantastica
    Há e porque voce revelou seu nome de verdade(se for de verdade)
    antes era CLAU

  70. faces da morte disse:

    infelizmente o template que que eu baixei aqui de voces “Crypt Angels” os codigos sao bem diferentes do mostrado nesse tutorial, bom se nao meu nao deu certo nos deram então o tutorial foi 10 parabens!!!

    • Vanessa disse:

      Este tutorial se aplica somente aos novos templates do blogger (designer de modelo). No próprio título está especificando isso.

  71. Felipe disse:

    Agora deu certo mais tenho uma pergunta tem comocolocar o avatar dentro da borda?

    • Vanessa disse:

      Tem sim, inclusive no código já tem borda configurada, mas vc editar da maneira que vc quiser. O trecho referente a foto do avatar é esse:
      .comments .avatar-image-container img{
      border:1px solid #ccc;

  72. Andar na Moda disse:

    A possibilidade de responder diretamente os comentários foi uma solução já esperada por muitos. O Blogger está de parabéns! E o Mundo também!

  73. Lucas disse:

    Vanessa, você já fez um tutorial ensinando a dividir os posts em colunas, pra não pesar no carregamento da página?

  74. Felipe disse:

    Vanessa e muito bom so que nao consegui istalalo pode me ajudar

    • Vanessa disse:

      Felipe, eu já simplifiquei ao máximo as instruções de instalação. Vc tem que seguir os passos que estão no tutorial. Desculpe mas não tenho como te ajudar individualmente.

  75. Giovanni disse:

    Olá Vanessa, eu gosto muito de seu site, aprendi várias coisas já.. mas você poderia nos ensinar como criar uma página personalizada no blogger? tipo essa http://www.mundoblogger.com.br/tutoriais-para-blogger

  76. Olá, Vanessa!

    Só recentemente eu apliquei uma customização aos comentários do Gerenciando Blog, aproveitando para colocar também o destaque nos meus próprios comentários.

    Gostei muito das possibilidades! Obrigado por compartilhar!

    Um abraço!

    • Vanessa disse:

      Oi Adelson,
      Que bom que gostou. Eu estou com o post sobre destacar comentários no rascunho. Não publiquei ainda pq estou testando uma opção pra ver se fica bem diferente. Vamos ver se dá certo. rs
      Obrigada pelo comentário. Volte sempre :)
      abçs

  77. João Almeida disse:

    Muito chique este novo “modelo” que você criou Vanessa. Parabéns! Se eu não utilizasse o DISQUS personalizaria o do Blogger.

  78. Jéssica disse:

    Muito Obrigada Vanessa
    Ja coloquei no meu blog, gostei muito. =)

  79. Herlan Santos disse:

    Olá Vanessa.
    Muito bom o artigo, encontrei um mais simples e elegante dessa vez.
    Abraços!

  80. Suzi disse:

    Incrementei no meu código. Ficou bem diferente =]

  81. ? yaragoth disse:

    Ótimo tutorial como sempre, Clau/Nessa (vamos te chamar de Clau pra sempre agora u-u).
    Fazendo uma pergunta aleatória, como fazemos para entrar em contato contigo, sugerir artigos etc?

    • Vanessa disse:

      Eu vou reativar o formulário de contato para envio de sugestões de artigos..é tanta coisa pra reorganizar aqui que acabo me “enrolando”..rs

  82. Vanda disse:

    Realmente um tutorial fantástico. Fiz malabarismo pra editar o meu, mas vejo que esse é bem mais tranquilo.
    Obrigada por compartilhar.

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.