Modelo pronto para personalizar os comentários do blog

em 30 de janeiro de 2014


Olá, leitor!
Seguindo a série de tutoriais que ensina como personalizar a área dos comentários do blog trago hoje este modelo:



Ele pode ter as cores trocadas para que se adapte ao seu blog, e tem os comentários já numerados, diferenciando os comentários das respostas.
Também diferencia o comentário do autor do blog.
Bem legal e útil!

Importante:
Antes de fazer quaisquer alterações em seu template faça backup (cópia de segurança) antes.
http://www.elainegaspareto.com/2012/08/como-fazer-backup-completo-do-blog.html

 

Como instalar os comentários personalizados no blog

Para instalar em seu blog é muito simples:
Acesse o seu painel do blog, clique em Modelo e a seguir clique em Editar html.
Caso você nunca tenha mexido na área dos comentários encontre esta tag:

]]></b:skin>

E acima dela cole isto:

Copiar o código



Agora, leia: 
Como usar os tutoriais deste blog?


Dicas extras:
-Se a área dos comentários de seu blog já foi alterada anteriormente apague toda personalização anterior para que este código funcione sem erros.
-As cores e a maioria das fontes podem ser alteradas. Deixei marcado no código onde isso é possível.
-Faça testes, vá descobrindo o que combina melhor com seu blog.
-Caso não goste do resultado apague o código inserido e salve.
-Se preferir use o backup feito para retornar seu blog ao que era antes das alterações.
-Para trocar as cores troque o código hexadecimal precedido do sinal #.
-Aqui tem uma Tabela de cores, com seus respectivos códigos hexadecimais.

Ajude a divulgar o tutorial, compartilhe, curta...
Isso ajuda o blog a crescer e motiva para postar cada vez mais e melhor!

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

27 comentários , comente também!

  1. Elaine você é 1000 rsrsrrs sigo você arduamente todos os dias, estou sempre tentando fazer todos os seus tutoriais, não consegui fazer todos as vezes não encontro o código no meu editor html, ou as vezes não funciona, e como não sou expert no assunto tenho medo de mexer.
    Mais esse eu consegui fazer e deu super certo sem contar que a cor caiu super bem com o meu layout que estou usando um free.
    Muito Obrigada!
    Olha já falei de você no meu pequenino blog, espero que não se incomode com isso.
    Beijos e boa sorte em tudo que você fizer...
    Fiquei tão feliz só queria te perguntar porque lá no meu blog, não está mostrando as pessoas que curtiram a minha página do blog? Não sei explicar bem mais é basicamente isso, aparece o espaço do gadget em branco.....

    http://garotaaudacia.blogspot.com

    ResponderExcluir
    Respostas
    1. Jacy, eu agradeço muito seu comentário gentil, muito obrigada!

      Olha, não sei o motivo de seu blog não exibir os curtidores da fanpage, sempre foi assim ou funcionava e parou?
      bjssss

      Excluir
  2. Elaine obrigada por mais esta dica ;)
    Já adicionei ao blog e ficou lindo.
    Que Deus abençoe você e sua família e que tenha uma semana iluminada e cheia de alegrias.
    Beijocas,
    Jana =)

    ResponderExcluir
  3. Oi Santa maga Elaine Gaspareto! rs
    Tudo bem?

    Voltei a blogosfera hoje, mostrando as pequenas mudanças que fiz no blog, e que só fiz graças a sua generosidade e boa vontade em compartilhar por aqui.

    Muiiito obrigada!

    Eu tenho horror a mexer em HTML, e 'de metida' fiz, ficou um errinho,,, acho que por enquanto só eu sei onde está rs

    Mas deixei o blog como eu queria, mas ainda quero mudar algumas coisinhas...

    Usei um outro modelo que deixou por aqui para personalização de comentários e fiz as alterações para combinar com o blog, até mudar o avatar para um quadradinho eu mudei rs (acho que foi por aí que causei o tal errinho rs)

    Agora estou mexendo na loja e meu orgulho maior foi fazer o menu drop dwn!
    Bem, fazer não é bem o caso. Usei o código que disponibilizou e fiz as alterações!
    Claro que olhei tudo aqui! Morei no seu blog!rs

    Agora vai me ver mais por aqui, voltei de vez, sem férias.
    Ah deixei um moooonte de link no post de hoje, para cá.
    Espero que não se incomode! :)

    bjs
    Ótima segunda e semana!

    ResponderExcluir
  4. Oi Elaine, é a Vi, são tantas coisas que podemos colocar nos blogs..isso me lembra quando vamos comprar um produto eletrônico que tem mil e uma funções, ficamos orgulhosos por compramos uma tecnologia tão avançada, que das mil facilidades só iremos usar 3 e com dificuldade..kkkkk
    Suas dicas são ótimas, só resta aproveita-las e coloca-las em pratica.
    Muitos beijos,Vi

    ResponderExcluir
  5. Por Favor,crie um modelo pra mim???
    Ja fiz a solicitação.

    ResponderExcluir
  6. Muito legal esse tutorial Elaine, você está MAIS uma vez de parabéns!

    ResponderExcluir
  7. olá elaine,
    tenho um blog no wordpress, mas estou tendo muita dificuldade para mexer com a parte de programação.
    no tema q eu escolhi para o wordpress (sugar and spice) a parte onde as pessoas podem clicar para comentar fica um pouco escondida, abaixo do título do post.

    assim:

    Título
    BY ????? // DATA // NO COMMENTS

    como eu altero isso para facilitar a visualização das pessoas e também q elas comentem no site?

    obrigada desde já!
    juliana m.

    ResponderExcluir
  8. Olá Ekaine!
    Me salva, por favor!
    No tema q eu escolhi para o wordpress (sugar and spice) a parte onde as pessoas podem clicar para comentar fica um pouco escondida, abaixo do título do post

    assim:

    Título
    BY Juliana // DATA // NO COMMENTS

    como eu altero isso para facilitar a visualização das pessoas e também q elas comentem no site?

    obrigada desde já!
    juliana m.

    ResponderExcluir
  9. Oi Elaine
    Teu blog é muito bom! Tem muiiiiiiiiiiiiiiitas dicas, valeu!
    Eu tentei colocar estes comentários personalizados no meu blog, mas não dá, está diferente, Acho que é porque já tinha colocado nele uma ponteira de mouse diferente. Não sei, se der me dá uma dica. Obrigada!
    Mais uma vez - Parabéns pelo Blog!
    Um abraço

    ResponderExcluir
  10. oie elaine
    eu ameii muito obrigada linda rs

    ResponderExcluir
  11. Elaine eu não consigo fazer isso me ajuda, quando eu copio e colo o código e salvo quando coloco pra visualizar o blog aparece o código em sima do navbar. O meu blog é o http://tshowmshow.blogspot.com.br/

    ResponderExcluir
  12. Elaine eu não consigo fazer isso me ajuda, quando eu copio e colo o código e salvo quando coloco pra visualizar o blog aparece o código em sima do navbar. O meu blog é o http://tshowmshow.blogspot.com.br/

    ResponderExcluir
  13. Muito obrigada por disponibilizar estes conteúdos! Tem me ajudado muiitoooo!!!!

    ResponderExcluir
  14. Olá querida uso muitas dicas sua e amo lê seu blog, e levo tbm comigo um presentinhos rsrs, tenho que te agradecer mesmo adorei bastante tudo que aprendir com você, você é nota 1.00000.00000.00000.0000.0.000000 ha rsrs e te levei pro meu blog viu?

    ResponderExcluir
  15. No Meu Não Deu Certo! :(
    Acho Que Nunca Vou Conseguir

    ResponderExcluir
  16. Elaine minha area de comentarios desapareceram, eu não sei mais oque fazer, me ajuda por favor....

    ResponderExcluir
    Respostas
    1. Mirian, será que você não marcou a opção Usar comentários do Google+ nesse blog?
      Se marcou, desmarque e normalizará.
      bjssss

      Excluir
  17. Elaine ta desmarcado lá e não aparece, eu estou usando o Templat Paris seu, e não sei oque acontece. Eu ja fiz de tudo e nada. Ajudinha rsrs.. bjokss

    ResponderExcluir
  18. Na primeira tentativa não deu certo.
    Apaguei e refiz tudo de novo.

    E funcionou perfeitamente. Ebaaa!!!
    Muito Obrigada

    Thaís

    ResponderExcluir
  19. Oi Elaine, tudo bom? Eu fiz meu blogger a pouco tempo e a área de comentários estava transparente...n dava pra ler nada q comentavam... daí achei seu post explicando como mudar e tentei fazer mas não consegui... :( pode me ajudar? obrigada!

    ResponderExcluir
    Respostas
    1. Olá!
      Sugiro que você releia o tutorial, e também leia os demais posts da categoria Comentários.
      Tenho certeza que algum deles vai te ajudar ♥
      bjsssss

      Excluir
  20. Comigo não deu certo, fiz tudo como disse mais não mudou nada nos meus comentários, permaneceu tudo do mesmo jeito.

    http://diarioodathai.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Thais, é preciso que a posição dos comentários seja do tipo Incorporado.

      Excluir
  21. Tem como mudar a cor dos links deixados nos comentários pelos leitores? Pois no meu blog eles estão com a fonte branca no fundo branco.
    Gosto muito das suas dicas, obrigada!

    nandaaflordapele.blogspot.com.br

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…