Modelo pronto para comentários do blog - * Blog Elaine Gaspareto *

Modelo pronto para comentários do blog

em 01/10/2013


Olá, querido leitor!
Mais um modelo para a área de comentários do blog.
Depois de pronto ficará assim:
modelo de comentário personalizado pronto para usar


 Para ter em seu blog é muito simples!
Comece acessando a aba Modelo.
A seguir clique em Editar html e dentro da caixa de código tecle Ctrl+F. Na barra de busca que expandir cole isso:

/* Comments
----------------------------------------------- */


Dê Enter para localizar.
Caso seu template nunca tenha sido alterado nessa parte você verá esse código, ou algo semelhante a isso:


/* 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+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AH
YHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1F
pBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pw
N0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
  background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left;
}
.comments .comments-content .loadmore a {
  border-top: 1px solid $(widget.title.border.bevel.color);
  border-bottom: 1px solid $(widget.title.border.bevel.color);
}
.comments .comment-thread.inline-thread {
  background: $(content.background.color) $(content.background.gradient) repeat-x scroll top left;
}
.comments .continue {
  border-top: 2px solid $(widget.title.border.bevel.color);
}


Em alguns templates pode estar diferente.
O importante é você localizar toda a área referente aos comentários e substitui-la pelo código abaixo:

Copiar o código


No código deixei tudo marcado, assim fica simples alterar cores e fontes.
Depois de pronto clique em Salvar alterações.


Mais dicas:
Caso um dia queira alterar ou reverter basta apagar o código inserido.
Aqui tem uma tabela de cores para você usar e escolher as cores que desejar.
15 comentários via Blogger
comentários via Facebook

15 comentários:

  1. Oi Elaine
    Passando por aqui pra ver as no novidades até tentei seguir as dicas pra bloquear a cópia de fotografias mas nao consegui ,de primeira.
    Depois vou voltar e insistir, rs
    Obrigada Elaine e desculpe nao frequentar com assiduidade seu blog que acho o máximo de elegância solidariedade e amizade nunca visto .
    O tempo da gente é tão curto nao dou conta mesmo, mas gosto muito do seu blog.
    Desejo sucesso ,
    um abraço grande

    ResponderExcluir
  2. Elaine, levo cada susto com esses HTML rsrsrsrs
    Mas um para colecionar e depois aprender rsrsr
    Boa noite.
    Beijos querida.

    ResponderExcluir
  3. Elaine querida, não entendi nada.
    Vou contratar você pra fazer, topa?
    Beijo

    ResponderExcluir
    Respostas
    1. Oba!
      Claro que sim!
      Escreve pra mim e a gente combina!
      beijossss

      Excluir
  4. Eu morro de medo de mexer em html! Já tentei mas não deu certo!
    Beijinhos...

    ResponderExcluir
  5. Olá tudo bem?

    Sou do Agregador de Links e Conteúdo GOOGLULINKS e venho lhe convidar a ser um de nossos parceiros. Visite-nos, faça o cadastro de seu blog e divulgue quantos links desejar por dia. Não temos fila de espera e não temos BUROCRACIA na aprovação de links. Pode mandar imagens em qualquer tamanho, apenas sugerimos que a mesma seja ao menos quadrada. Obrigado.
    O endereço do GoogluLinks é este:

    http://www.googlulinks.net/home

    Para cadastro é este:
    http://www.googlulinks/parceria/

    Aguardamos você.
    Equipe GoogluLinks

    ResponderExcluir
  6. elaine faz um tuto de como por paginas no blog e ensina como mexer nesse novo html do blog . bjs de sua maior fa !!

    ResponderExcluir
  7. Muito difícil esse ,Elaine.

    Só preciso de 1 coisinha. Quero saber como se faz para colocar bordas coloridas no espaço do comentário.Do tipo desse blog:

    http://taisoliveirablog.blogspot.com.br/

    Se souber,amiga,explique para mim aqui ou por email ,ok?


    Beijinhos


    Dryka

    Blog Suas Histórias Nossas Histórias





    ResponderExcluir
  8. Coloquei no meu, ficou bem legal, eu mudei a cor e tals!

    http://historiaimperfeita.blogspot.com.br/

    ResponderExcluir
  9. Elaine agora eu consegui, essa postagem está bem mais fácil q a anterior!!!!
    muito obrigada seu blog está me ajudando muito.
    dá uma olhada.
    bjks

    ResponderExcluir
  10. Muito obrigada meeeeeesmo!!! Seu blog é ótimo, acabei de conhecer mais já amei *U* Eu to fazendo um blog do Club Penguin (é que eu sou criança kkk) e eu tava precisando muito das suas dicas e tutoriais!!! Eu amei, ganhou uma seguidora :)

    ResponderExcluir
  11. sempre que preciso alguma dica para melhorar a aparencia do blog corro aqui.
    sempre encontro o que quero, e tudo explicado de maneira simples.
    meu blog é o http://dicasdebelezaaki.blogspot.com e te convido a fazer uma visita.
    comentários são super bemvindos.

    ResponderExcluir
  12. Bom dia Elaine, estou precisando de um profissional para arrumar meu blog , e acho que encontrei a pessoa certa.... VC!
    Contate-me via e-mail.

    anidazuos49@gmail.com

    Atenciosamente,

    Diná

    ResponderExcluir
    Respostas
    1. Diná, no momento eu não estou mais trabalhando com blogs, desculpe, fico devendo...

      Excluir

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…



Visualizações

Contando...

Dias online
Postagens
comentários