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. Legal!
    Beijo, Lili
    Princesa Imperfeita // Sorteioooo!

    ResponderExcluir
  3. Ó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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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