quinta-feira, setembro 01, 2011

Personalize o fundo dos comentários do blog























Candies, hoje vou ensinar a tirar aquele fundo cinza feioso e sem graça do blogger. Você pode colocar uma cor ou um background do jeito que quiser, como podem ver coloquei esse fofo de coraçõezinhos. Maas...como é na área dos comentários, e você tem que mexer no HTML do blog, não dá pra visualizar, então recomendo fazer tudo em um blog de testes antes. 
Bom chega de papo, vamos ao tutorial...

Escolha um fundo que gostou  ou você também pode escolher o código de uma cor AQUI.
Vá na página do html do seu blog, pressione CTRL F e busque por :

#comments 

Poderá estar assim, dependendo se seu layout  for personalizado ou não:

#comments {
 background: #00000; none repeat scroll top center;
padding: 20px;
}

 A parte vermelha no código acima, é onde você vai alterar o fundo dos comentários, você pode colocar uma cor NESTE SITE , e copie o código a cor escolhida, aí copie e cole no lugar do código de cor que estiver em vermelho.


Mas se você quer colocar uma imagem é só apagar o código da fonte e no lugar dele colocar:
url ( url da imagem ) 

E onde está escrito "url da imgem" apague e cole o url da imagem.

Pronto! Salve e se der certo faça no seu blog.

Kisses

7 comentários:

  1. Super legal sua dica.

    Adoro quando as pessoas tentam ajudar as outras, mostrando o que sabem.

    Valeu pela dica.

    Beijos,
    Meg Alves

    www.saltoneon.blogspot.com

    ResponderExcluir
  2. Tudo o que eu precisava, haha, cansei daquete cinza de sempre do travel, rs, ameei o tutorial, bem explicado!

    Adorei seu blog e segui, lógico, e voltarei sempre para ver as novidades! Adoraria ter sua visitinha e retribuição no meu blog também!
    Depois dá uma passadinha por lá, tenho certeza que vai gostar, lá falo sobre moda (um assunto que eu gosto muito!).
    PS: Estou realizando um pequeno sorteio em meu blog, vai lá conferir!!
    Link do sorteio >> http://blog-mundo-da-moda.blogspot.com/2011/08/algumas-mudancas-2-sorteio.html

    Espero sua visitinha
    Beijos!
    http://blog-mundo-da-moda.blogspot.com/

    ResponderExcluir
  3. o blog mudou de nome e de url visite agr o novo

    ResponderExcluir
  4. Oi seguindo, segue de volta?
    Beijos

    www.bibis-place.blogspot.com

    ResponderExcluir
  5. oiie! adorei aki! ja estou seguindo!passa no meu cantinho tb? :) http://vidadegarota-dalva.blogspot.com/

    ResponderExcluir
  6. Que bom , esse tuto.
    http://meninoteen.blogspot.com/

    ResponderExcluir
  7. Claro claro, adoraria ser destaque aqui... Beijonas! (:

    http://trasshygirl.blogspot.com

    ResponderExcluir

-Apenas elogios e críticas construtivas serão aceitas;
-Diga pelo menos o que achou do post;
-Divulgue seu blog a vontade;
-E por mais que demore responderei TODOS os comentários.
bjs :)