![](http://i77.photobucket.com/albums/j76/j_rosario/6imgblog.jpg)
<b:skin>
.![]() |
Nos antigos templates do Blogger era assim |
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="#513831
url(http://themes.googleusercontent.com/image?id=1KH22PlFqsiVYxboQNAoJjYmRbw5M4REHmdJbHT5M2x9zVMGrCqwSjZvaQW_A10KPc6Il) repeat-y scroll top center
/* Credit: luoman (http://www.istockphoto.com/googleimages.php?id=11394138&platform=blogger) */"/>
As partes em colorido que destaquei é onde se deve alterar:
A parte destacada em vermelho é a url da imagem do background que deve ser trocada pela url da sua imagem hospedada em algum servidor (Picasa, Tinypic, imageshackus, etc.). As imagens que o Blogger utiliza tem uma dimensão aproximada de 1.800×1.103 pixels (Verifiquei isso na imagem que uso no blog Contos e Crônicas.). Recomendo que use uma imagem própria com essas dimensões, senão terá que trocar as propriedades referentes às posições.
Obs.: Às vezes, há duas urls, isso significa que há duas imagens sobrepostas, uma que fica no corpo inteiro do template, e outra que fica localizada no topo. Pode-se apagar as duas, mas cuidado para não apagar as definições de posição da imagem principal (
repeat-y scroll top center
), pois elas mantém a imagem centralizada e se repetindo na verticalA parte destacada em verde(começando com /* e terminando em */) é o crédito da imagem, seu autor e url, que pode ser apagada caso a imagem seja sua, mas se você a pegou de um outro site, é recomendável dar o crédito.
Não precisa mexer no resto, deixe como tudo está, dê um preview para ver tudo está normal e depois salve o seu template.
Espero que este post tenha sido útil para a @anamagal e a @mosaicosocial. E um agradecimento especial a @anakint por ter levemente sugerido esse tutorial.