E o fundo do Blog, como trocar a imagem de fundo do template ou simplesmente tirar?

Essa é uma dúvida recorrente de muitos ao tentar personalizar um template, um modelo de layout, que encontrou, gostou, mas mesmo assim quer mudar alguns detalhes. Já tratamos aqui de como mudar fontes e cores gerais, entre outras coisas do Layout. Então, vejamos agora como mudar o plano de fundo.

 

Complemento e indicação de leitura para melhorar esta aplicação logo abaixo deste tutorial.

Esse será um artigo curto e objetivo. Não precisa conhecer muito de programação, basta ter atenção e saber exatamente o que quer fazer.

Antes de mais nada, tratemos de lembrar da segurança: toda modificação que fizer no código fonte do seu blog "(“Editar HTML”), antes faça um backup do modelo – caso queira reverter as mudanças, é só restaurar o arquivo.

 

Outra coisa importante: para colocar imagens na internet e gerar uma URL para elas, temos a recomendação do PicasaWeb que é padrão do Blogger – leia o artigo:

• Armazenar Imagens na Internet – PicasaWeb

 

Agora, vejamos onde está e onde é definido o plano de fundo do seu Blog. Independente de qual seja o seu template, logo no início do código quando você abre “Layout”, “Editar HTML” e expande o modelos de widget;

procure por algo similar:

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #333 url(Endereço de uma IMEGEM) center;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

Esse código é diferente para cada tipo de modelo, mas o básico é o que está em destaque mais escuro. Procure por isso.

O termo “background” aparecerá sempre para definir uma imagem de fundo para diversas partes do blog. Mas quando dentro do comando “body {“ é pra tratar do fundo geral, inclusive a cor.

Se for simplesmente apagar a imagem, basta deletar a parte “url(Endereço de uma Imagem)”. E se quiser trocar a imagem, basta colocar o endereço da imagem que deseja no lugar da imagem antiga.

Simples, direto e objetivo.

 

Complemento deste Tutorial = é de fundamental importância ler isso:

Acompanho o Feed do HTMHelen – que recomendo a todos que têm blogs e sites – e lá a nossa musa inspiradora dos códigos de internet, Helen Fernanda, publicou um manual super completo para configurar e personalizar o plano de fundo (backgound) de blogs:

• Imagens no Background

De forma simples e direta, ela nos ensina a usar e implementar os códigos adequados a cada situação e aplicação de imagens de fundo. Indispensável leitura que completa perfeitamente o que está neste tutorial (que ficou simplório diante do artigo de nossa musa [é a segunda vez que falo isso e nem mesmo conheço a moça], com todo respeito).