sexta-feira, 9 de novembro de 2012

Como Personalizar e Colocar Imagem no Titulo dos Gadgets do Blog


Olá sonhos açucarados ?! hoje trouxe um tutorial pra vocês que me perguntam muito então 
vamos começar ?!
na maioria dos Templates do blog usam o estilo H2 
Vá em Design Editar HTML e procure por h2 {...} o conteúdo das chaves vareia entre Templates. 
não apague nada apenas acrescente deixando-o desse 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 do fundo do gadget.  mas você pode apagar essa linha se quiser.
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 url de imagem correto. 
Mas você pode edita-los separadamente por exemplo se quiser mudar a imagem ou colocar a imagem no gadget MARCADORES podendo ser em outro claro.
não altere o código apenas crie um novo logo abaixo dele com o nome #Label1 h2

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

e personalize como quiser da mesma maneira que mostramos acima. mas #Label só serve para o gadget MARCADORES vocês deveram achar cada nome de gadget 

                                                                 ~Kissu~

Nenhum comentário:

Postar um comentário