10 maio 2011

Como colocar faixa de cor no fundo dos gadgets

||
Oi galera ! Hoje eu trouxe um tutorial bem legal pra voces . Na maioria dos blogs no titulo do gadget tem cores e imagens,geralmente feitas no photoshop ex : 

Pois bem,tem gente que faz as imagens no photoshop mais somente com uma faixa de cor e o nome do gadget,e cada vez que e colocado um gadget novo tende se fazer uma nova imagem. Mais hoje eu trouxe um tutorial que vai mudar isso,pois com um código simples do HTML voce vai por uma faixa de cor no titulo do gadget e sempre que colocar um novo ele ja estara pronto.vai ficas assim :
 
Va em Design > editar HTML > clique em ctrl+f e procure por : /* Headings

 abaixo dessa tag voce cola o seguinte codigo : 

h2 {background-color: #000000 ;background-position: center;font-size: 115%;text-align: center;font-size: 12px; }
h2.date-header {background-color: #000000 ; none;


Onde esta escrito em vermelho (somente o primeiro Código) voce troca por outra cor ,sugiro que escolha da Tabela de cores online  O primeiro Código em vermelho e para trocar o fundo do gadget , e o segundo para trocar o fundo da data , se nao quiser da data deixe assim,se quiser tambem troque por outra cor.
Resultado : 

Bom e isso gente,espero que tenham gostado do tutorial

18 comentários:

  1. Olá, ameei as dicas. Parabens pelo blog!



    ~ Tem post novo no meu blog, te espero lá! beeijos

    by; @Raah_Castroo

    www.vidaadegarotaa-vdg.blogspot.com

    ResponderExcluir
  2. adorei as dicas..

    gente tem sorteio lá no blog, bora participar????

    www.pimentaroja.blogspot.com

    bjosss

    Gi

    ResponderExcluir
  3. O primeiro exemplo é do meu blog (:
    Obrigada por usá-lo como exemplo, é uma honra para mim!

    Beijos, meia noite e quinze.

    ResponderExcluir
  4. Amei a dica, meu blog já está quase pronto.

    ResponderExcluir
  5. oi eu gostei mas nao pegou nao ,eu tentei expandir modelo e também não funcionou vo xorar.

    ResponderExcluir
  6. a ja consegui colocar imagens nos gadgets bjss

    ResponderExcluir
  7. Não consegui fazer. O que será que houve?

    primeiroset.blogspot.com

    ResponderExcluir
  8. legal a dica deu certo, valeus
    adiciona ae ;D

    ResponderExcluir
  9. Muito bom mesmo! parabéns, me ajudou bastante.

    ResponderExcluir
  10. Galera , Eu trago para vocês as melhores imagens para postar no facebook ... Bora Participar ? Deixem o blogs de vocês la que eu participo também :) http://ultrapixel01.blogspot.com/

    http://ultrapixel01.blogspot.com/

    Obrigado s2

    ResponderExcluir
  11. Segue meu blog : http://miss-teensami.blogspot.com/ você paga para fazer layout completo ?

    ResponderExcluir
  12. Oi, eu queria saber como você faz para colocar essa faixa do título dos gadgets do layout atual! ^^
    Brigadinha!

    ResponderExcluir
  13. Ooi, eu já uso a um tempo esse goodie mas não acho o html na nova interface.. quero mudar a cor do gadget mas nao acho o design .. :(

    ResponderExcluir
  14. Amei o seu blog,amei o tutorial também,to seguindo o blog,segue de volta:
    minhas-confissoes-2012.blogspot.com
    obrigada flor!

    ResponderExcluir
  15. menina nao to criticando, mas seu lay tá muito estranho. Muda a area de comentarios, tira essa sombra da area do post e tira o 1 background pq nem dá pra ler o nome do blog.
    Faz uma faxina aqui! Seus leitores agradecem
    Tou te dando um tok!

    Beijooooh

    ResponderExcluir
  16. Oi lindona! Eu uso a nova interface do blogger, e não consegui fazer como vc ensinou (apesar de ser fácil..) poderia me ajudar? Beijos!

    http://thaissiqueirads.blogspot.com.br/

    ResponderExcluir
  17. Oi, gostei do tutorial! Poderia ensinar como faz para colocar imagens/cores no rodapé? (como fez no seu que está de oncinha na parte de baixo) Beijos

    http://manulanzarini.blogspot.com

    ResponderExcluir

- Eu respondo todos os comentários do blog, por mais que demore um pouquinho sempre respondo.
- Se você me fez alguma pergunta por comentário eu respondo no próprio post, então é só voltar no post onde perguntou que sua resposta estará lá.
- Adoro receber e-mail de leitoras, com dúvidas, elogios, sugestões e até algum desabafo como muitas fazem, acreditem não é nenhum incômodo <3
- Se quer criticar, critique de modo construtivo.
- Eu adoro quando vocês participam, afinal o blog é feito para vocês <3

Related Posts Plugin for WordPress, Blogger...