Mundo de Blogueira: Personalizando a área de comentários

Olá meninas, hoje vou ensinar você como personalizar a área de comentários do seu blog. Talvez seja uma das áreas principais em um blog não é mesmo? Afinal é ali que os visitantes deixaram recadinhos para vocês. Muitas blogueiras querem personalizar essa área e não sabem como. Então resolvi fazer esse tutorial que é bem fácil e o resultado é bem bacana. Espero que gostem. E não esqueçam, quer um tutorial que ainda não foi postado aqui no blog? Preencha nosso formulário de contatos, ficarei feliz em atender seu pedido. Mundo de Blogueira foi criado para blogs e principalmente para esclarecer todas as duvidas de você amiga blogueira. Afinal o blog foi feito para vocês.Vamos lá ao tutorial:

Vá no painel de seu blog, MODELO, EDITAR HTML, e procure por :

]]></b:skin>

Acima, cole o seguinte código:

*  Página de Comentários WWW.MUNDODEBLOGUEIRA.BLOGSPOT.COM */

#main-wrapper .comment-header {
    background: none repeat scroll 0 0 #c471b9;/*COR DE FUNDO DA PARTE DE CIMA*/
    border-radius: 20px 20px 0 0;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: -8px;
    padding: 15px;
}
#main-wrapper .comments-content {
    background: none repeat scroll 0 0 #f6e7f0;/*COR DE FUNDO DA PÁGINA DE COMENTÁRIOS*/
    color: #FFFFFF;
    margin: 0;
    padding: 5px 5px 5px 16px;
}

.comments .comments-content .comment-content {
    background: none repeat scroll 0 0 #fd9fd9;/*COR DE FUNDO DA AREA DA MENSAGEM*/
    border-radius: 0 0 20px 20px;
    margin-top: 0;
    padding: 16px;
    text-align: justify;
}

span.comment-actions {
    background: none repeat scroll 0 0 #ffffff;/*COR DE FUNDO DOS BOTÕES*/
    margin-left: 8px;
    padding: 2px;
}

#comments h4 {
  }

#comments-block {
    line-height: 1.6em;
}
#comments-block .comment-author {
    background: none repeat scroll 0 0 #ff8ed6;
    border-radius: 10px 10px 0 0;
    color: #FFFFFF;
    margin: 0.5em 0;
    padding: 5px;
}

#comments-block .comment-author a {
    color: #fff;
}

#comments {
    margin-left: 61px;
    width: 554px;
}

.comment-timestamp {
    color: #ff65eb;
    font-family: Rochester;
    font-size: 23px;
    text-transform: none;
}

#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

#comments-block .comment-body p {
    background: none repeat scroll 0 0 #d3a9d6;
    border-radius: 0 0 10px 10px;
    color: #333333;
    font-family: verdana;
    font-size: 12px;
    line-height: 16px;
    margin: -7px 0 0.75em;
    padding: 15px;
}

Sua página de comentários deverá ficar assim:

Não esqueça de

fazer as alterações necessárias de acordo com as cores de seu layout.

5 comentários:

Unknown11 de agosto de 2013 às 08:27
Oii, não quero ser chata, mas apareceu tudo que você disse, menos o botão responder!! Já me conformei!! HAUAHUAHAU beijão e muuito obrigada
ResponderExcluir
Respostas
Marilene12 de agosto de 2013 às 14:39
Queroooo tanto fazer isso mas nãoooooo consigoooooooooooooooooooo

Marilene Carmo
ResponderExcluir
Respostas
Nanda Cris13 de agosto de 2013 às 12:07
Fica bem lindinho mesmo!

Uma beijoca,
Nanda Cris

Maquiada & Esmaltada
Maquiada & Esmaltada no Facebook
ResponderExcluir
Respostas
Tati Bertucci6 de julho de 2014 às 09:44
Oii tudo bem? A área de comentários do meu blog já está personalizada, mas eu gostaria de personalizar também o botão comentar, como faço isso?
Gostaria que ele tivesse mais destaque, para chamar a atenção do leitor.

QUERO IR
ResponderExcluir
Respostas
Bonekinha loira3 de março de 2015 às 09:16
Oii linda estou querendo saber como você fez essa parte de cima com o desenho da menininha...você usa algum programa especifico? Já estou seguindo você me segue no blog tbm www.bonekinha-loira.blogspot.com.br estou iniciando agora mas já tenho posts maneiros passa lá pra conferir...bjokas!!!
ResponderExcluir
Respostas

Adicionar comentário

Obrigado por comentar. Mundo de Blogueira agradece sua visita !

* Clique aqui e aprenda a colocar o link do seu blog nos comentários
* Não serão aceitos comentários somente com objetivo de divulgação, ou que ofenda qualquer leitor.
*Antes de pedir algum tutorial, verifique se o mesmo já não foi postado.

Mundo de Blogueira

Páginas

Personalizando a área de comentários

5 comentários:

Sigam me os bons

Facebook

Mundo de Blogueira

Páginas

Personalizando a área de comentários

5 comentários:

Sigam me os bons

Facebook

Curta nossa página no Facebook. Mundo de Blogueira▼

Curta nossa página no Facebook.
Mundo de Blogueira▼