Comentários Incorporados #2 super

Olá pessoal, num post, eu ensinei a como personalizar os comentários incorporados simples, agora, é os comentários incorporados super, o mais personalizado. Então, quer aprender a fazer um super personalizado? então, clique em leia mais, e vamos nessa!

Tumblr_mdpo08whg01qe7e99o1_400_large
 Bom vamos começar o tutorial!

1- primeiro você tem que marcar a opção comentários incorporados, se não, não vai funcionar, para isso vá em: Configurações // postagens e comentários // comentários // local do comentário // incorporado // Salve e pronto! agora vamos começar!

2- seguindo na mesma página que você parou no passo acima, clique em: Modelo // Editar html // prosseguir  e procure por: #comments {  Depois que você achar ele, apague apenas até o fechamento das chaves " }". e cole esse código no lugar:

#comments {
padding: 15px;
background: url("url-da-imagem-de-fundo-dos-comentarios"); /* BACKGROUND/FUNDO DOS COMENTARIOS */
}
3- depois disso procure por: /* Comments  Quando achar, seleciono tudo abaixo dele, e cole esse no lugar dele:

/* Comments
----------------------------------------------- */
.comments .comment-block {background: #E6E8FA; /* cor do background, entenda na legenda */
border-radius: 10px; /*tamanho da borda arredondada se não quiser, apague esse código*/
border: 2px solid #000; /* bordas, tamanho, formato e cor */
}
.comments .avatar-image-container {float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
border-radius: 15px; /* tamanho do arredondamento da imagem do comentarista */
border: 4px solid #000; /* bordas tamanho, formato, e cor */
}
.comments .comments-content .comment-content {background: #ffffff; /* background- fundo do texto do comentarista */
}
Legenda:
a imagem abaixo representa, o mesmo código acima:


pronto, depois que estiver tudo ao seu gosto, salve!
beijos,
até o próximo post,
Comentem!!

18 comentários

  1. Supeer útil e bem explicado. Amei!
    Beijos,
    Sim Senhorita (Clique no perfil)

    ResponderExcluir
    Respostas
    1. que bom que você gostou do tutorial!
      obrigada por comentar!!

      Excluir
  2. Ótimas dicas como sempre... Gosto do jeito como você explica e descomplica.
    Bjim.

    ResponderExcluir
    Respostas
    1. obrigada! também acho que eu faço alguns tutoriais bem explicados..

      obrigada por comentar!!

      Excluir
  3. Esse tutorial é muito util. Valeu ^^

    ResponderExcluir
    Respostas
    1. Com certeza sim, é muito util, ainda mais que os blogs agora estão só com o modelo incorporados.

      obrigada por comentar!!

      Excluir
  4. Muito legal, super útil ! Beijos !

    Deborah do BLOG > http://meninadelicada-deborah.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. que bom que gostou! Com certeza , é muito util, ainda mais que os blogs agora estão só com o modelo incorporados.

      obrigada por comentar!!

      Excluir
  5. Amei. Adoro seu Blog, explica tudo que eu preciso
    Beijos Lindona
    E mais sucessos
    miilecharmedemeniina.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada! obrigada,!
      beijos, para vc também!

      obrigada por comentar!!

      Excluir
  6. Oi linda parabéns pela explicação,adorei,obg pelo carinho ,mega bjus
    http://blogdasonhagleide.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada!
      que bom que gostou do post!

      obrigada por comentar!

      Excluir
  7. Ameii, foi super explicado, eu adorei !

    Cliquesnocapricho.blogspot.com

    ResponderExcluir
    Respostas
    1. que bom que você gostou!
      eu também achei que foi bem explicado!

      obrigada por comentar, volte sempre..

      Excluir
  8. Oi flor
    Vim agradecer a visita! Que bom que gostou da resenha!
    Seu blog é muito bonito! Queria ter esse talento de saber HTML ;D

    Bjxx
    makesdami.blogspot.com.br

    ResponderExcluir
    Respostas
    1. obrigada por ver meu blog!
      obrigada pelo elogio,rsrsr

      beijos, obrigada por comentar, volte sempre..

      Excluir










2011/2017 - Delicada e Abusada | Personalizado por Débora Alvim | Não copie! Encomende o seu na HTML LOVE DESIGN