29 de jul. de 2011

Colocar imagem no fundo do Gadget


Muita gente acha que as imagens no titulo do gadget são colocadas no "adicionar gadget" > "imagem" mas não é bem assim! Há um geito bem mais fácil de fazer isso,  e é o que você vai aprender nesta postagem!


  • Fassa loguin em sua conta do blogger, aperte em "desing"> editar HTML> Ctrl + F e pesquise por:
.footer-inner .widget h2,



  • Deverá aparecer assim:
.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .7em;
}

  • Antes de fechar a chave ( } ) adicione o seguinte código:
 background-image: url(URL DA SUA IMAGEM);
  background-position: center;
  font-size: 11px;
  text-align: center;

  • Ficando assim:
.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .7em;
  background-image: url(URL DA IMAGEM);
  background-position: center;
  font-size: 11px;
  text-align: center;
}

O que está em azul coloque o código do url da imaem de fundo
Onde está vermelho, coloque o tamanho do titulo.
depois de acabar, aperte em "visualizar, se gostou clique em "salvar modelo, mas se não gostou, aperte em "limpar edisões".

Nenhum comentário:

Postar um comentário