Página inicial

Background centro da página blogspot Ex: 4

Este exemplo usa o código css abaixo, color é a cor verde, no-repeat para a imagem não repetir, center é o alinhamento horizontal(lateral), 200px a distancia do topo da página, isso sbstitui a propriedade de alinhamento TOP.

Este modelo de exemplo(layout 2006 do blogger) mostra que não basta colocar uma background em body, se outras áreas(DIVs) tiverem sua própria background elas se sobrepõem.

body {color: #555544;background: #692 url(http://foitestado.com/imagens/elefantes-crepusculo-africa.JPG) no-repeat center 200px;}

A imagem de fundo ficará no centro da página, mas a 200 pixeis do topo da página.

Mas, algumas divs tem seu próprio background, e estão dentro da body, se você quiser pode retirar as cores de fundo e imagem delas.

São elas:

#outer-wrapper

#main

Veja um exemplo de uma delas, a cor de fundo #ffffff branca:

#main {background: #fffffff url(http://foitestado.com/imagens/poderia ter imagem) right top repeat;}

Blogger lançou em 2010 seus novos modelos(design) onde é possível mudar o fundo sem uso de códigos