Como Personalizar e Colocar Imagem no Titulo dos Gadgets do Blog
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.
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);}
E personalize como quiser da mesma maneira que mostramos acima. Isso vale para qualquer outro gadget, por exemplo, o nome do estilo do gadget de postagens populares é #PopularPosts1. Para descobrir o nome de outros gadgets veja nosso tutorial sobre Personalizar gadgets do Blog você poderá ver de maneira fácil como achar os nomes dos estilos dos gadgets.
Como nem todos os templates são iguais veja também nosso tutorial sobre como encontrar trechos do HTML assim poderá descobrir qual é o estilo CSS do titulo dos gadgets do seu blog.
Aproveite para ver outras dicas sobre personalizar gadgets do blogger:
Gadgets do Blogger com Links Lado a Lado (Estilo Menu Horizontal)
Personalizar LinkWithin (Posts Relacionados): Mudar Cores e Efeitos
Personalizar Gadget Postagens Populares do Blog - Barras Coloridas
Se quiser também é possivel colocar Imagem no título da postagem.
Você pode usar esse mesmo procedimento para formatar o texto dos titulos como desejar apenas tenha cuidado porque essas alterações são fáceis de fazer e como falamos só é necessário prestar atenção nos detalhes porque muitas vezes apagamos uma letra do código e por isso não funciona. Esperamos que gostem desta dica e deixem sua opinião sobre qualquer assunto relacionado com blogs.
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);}
E personalize como quiser da mesma maneira que mostramos acima. Isso vale para qualquer outro gadget, por exemplo, o nome do estilo do gadget de postagens populares é #PopularPosts1. Para descobrir o nome de outros gadgets veja nosso tutorial sobre Personalizar gadgets do Blog você poderá ver de maneira fácil como achar os nomes dos estilos dos gadgets.
Como nem todos os templates são iguais veja também nosso tutorial sobre como encontrar trechos do HTML assim poderá descobrir qual é o estilo CSS do titulo dos gadgets do seu blog.
Aproveite para ver outras dicas sobre personalizar gadgets do blogger:
Gadgets do Blogger com Links Lado a Lado (Estilo Menu Horizontal)
Personalizar LinkWithin (Posts Relacionados): Mudar Cores e Efeitos
Personalizar Gadget Postagens Populares do Blog - Barras Coloridas
Se quiser também é possivel colocar Imagem no título da postagem.
Você pode usar esse mesmo procedimento para formatar o texto dos titulos como desejar apenas tenha cuidado porque essas alterações são fáceis de fazer e como falamos só é necessário prestar atenção nos detalhes porque muitas vezes apagamos uma letra do código e por isso não funciona. Esperamos que gostem desta dica e deixem sua opinião sobre qualquer assunto relacionado com blogs.
Marcadores: CSS, Gadgets, Imagem de Fundo, Personalizar, Template