sexta-feira, 28 de setembro de 2012

Você pode personalizar os títulos dos gadgets do blogger colocando imagens de fundo, mudando as cores e formatação do texto do titulo do gadget. Essa é uma mudança simples no código HTML do seu blog e permitirá personalizar cada um dos gadgets do seu blog da maneira que desejar.

Como Personalizar e Colocar imagem no titulo do gadget do blog

Na maioria dos templates do Blogger o titulo dos gadgets da sidebar usam o estilo h2. Então entre na pagina editar HTML e procure por h2 {...} o conteúdo das chaves varia conforme o template por isso não temos como mostrar igual está no seu blog. Não apague o que já existe neste código apenas adicione o trecho abaixo, deixando deste jeito:

h2 {background-color: #6699FF;
background-repeat: no-repeat;
background-position: right top;
background-image: url(endereço da imagem);}

A linha background-color: #6699FF; é uma cor de fundo caso você use uma imagem pequena ou queira apenas trocar a cor de fundo do titulo do gadget, mas você pode apagar essa linha se não quiser usar uma cor.

O restante do código é o posicionamento e a imagem de fundo. Tenha cuidado para não apagar nada por engano e também usar o endereço correto da imagem porque qualquer detalhe errado o código não vai funcionar. Veja aqui alguns links úteis sobre isso:
Site para Fazer Imagens Online e Criar Banners com Efeitos
Hospedar Imagens no Blogger - Hospedagem Grátis
Imagem não aparece no Blog ou Site

Usando o código desta forma todos os títulos de gadgets ficarão com a mesma imagem de fundo, mas você pode personalizar cada gadget separadamente, por exemplo, se quiser colocar uma imagem no titulo do gadget dos marcadores do blog então não altere o estilo h2, mas crie um novo logo abaixo dele com o nome #Label1 h2, desta forma:

#Label1 h2 {background-repeat: no-repeat;
background-position: right top;
background-image: url(endereço da imagem);}

Nenhum comentário:

Postar um comentário