Mudar o background do blogger

Background ou imagem de plano de fundo é a imagem que fica no fundo do template, que pode ser uma imagem grande que não se repete ou uma pequena que pode ser repetida inúmeras vezes (pattern), tanto verticalmente como horizontalmente.

Como mudar o background no blogger

Você pode usar uma das imagens oferecidas pelo próprio blogger ou de um site de imagens. Você pode fazer upload de um arquivo JPG, GIF ou PNG com até 300 KB, para cobrir todo o plano de fundo use imagens com 1800 x 1600 pixels ou maiores.

Usar um background do próprio blogger

colocar um background da galeria

No Blogger, vá na guia "modelo" e "personalizar", em background clique na setinha para abrir a galeria de imagens (veja na foto), clique em qualquer uma das imagens e veja na hora o resultado, clique em "concluir" para confirmar a troca e em "aplicar ao blog" para salvar as alterações.

Usar imagem de outro site

Antes de alterar o código do blog é necessário que você baixe a imagem da internet. Para esse tutorial vou usar duas imagens, uma imagem grande do site Photogen e um pattern do site Din Pattern. Baixe as imagens.

background pattern plano de fundo blogger

fazer upload de imagem

No Blogger, vá na guia "modelo" e em "personalizar", em background clique na setinha e na galeria de imagens clique em "fazer upload da imagem", selecione o arquivo no computador, espere carregar e clique em "concluir" para confirmar a troca.

Se for usar um pattern escolha a opção "bloco" para total preenchimento (a imagem será repetida na vertical e na horizontal até completar a tela), se for usar uma imagem que não queira que seja repetida marque a opção "não dividir em blocos" e em "alinhamento" escolha como quer que a imagem seja posicionada na tela, o mais recomendado é o alinhamento centro-topo, desse modo a imagem fica junto ao topo e centralizada na horizontal.

Rolar com a página faz que a imagem role junto com o conteúdo da página, se deixar desmarcado a imagem fica fixa na tela enquanto o conteúdo rola por cima dela. No caso de usar imagem grande que não deve ser repetida deixa essa opção desmarcada, assim ela fica fixa e sem risco de ao rolar a página ela desapareça.

Para finalizar clique em "aplicar ao blog" para salvar as alterações.

Resolver problemas

Se a imagem for maior que 300 kb

Reduza o peso da imagem online pelo site Web Resizer.

A largura da imagem não completa a tela

Vá em "avançado" e "planos de fundo - plano de fundo externo", clique na seta para abrir a caixa e vá clicando nas cores até ver qual se adapta melhor a imagem.

Resultado:

Com imagem grande

Com pattern

Super Dicas Blogger

Páginas