Como Personalizar e Colocar Imagem no Titulo dos Gadgets do Blog
Autor: Big Bizarros | Publicado: 2012-12-13T08:05:00-08:00






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&nbsp;pagina editar HTML&nbsp;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&nbsp;cor de fundo&nbsp;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&nbsp;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 EfeitosHospedar Imagens no Blogger - Hospedagem GrátisImagem não aparece no Blog ou Site&nbsp;Usando o código desta forma todos os títulos de gadgets ficarão com a mesma imagem de fundo, mas você pode&nbsp;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 sobrePersonalizar gadgets do Blog&nbsp;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&nbsp;como encontrar trechos do HTML&nbsp;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 EfeitosPersonalizar Gadget Postagens Populares do Blog - Barras ColoridasSe quiser também é possivel colocar&nbsp;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. 





creditos: http://www.dicasparablogs.com.br/2012/09/personalizar-titulo-gadgets-blog.html