Imagem de Fundo Degrade no Blog

Um tipo de fundo de página que pode produzir um efeito visual muito interessante é o degrade no topo da página ou seja o site começa com fundo de uma cor e vai mudando para outra que ocupara a página inteira, mas como fazer isso? Pode acreditar é mais fácil do que parece.
O primeiro passo é escolher as cores que você usará, então faça uma imagem degrade dessas cores, mas não precisa ser uma imagem com muita largura, sugiro 10 pixels pois ela se repetira horizontalmente no topo da página, quanto a altura da imagem isso depende da sua vontade pois é o tamanho que terá o degrade. Contudo se em vez de usar um degrade com cores você preferir usar uma textura a largura da imagem terá que ser do tamanho da textura. Depois da imagem pronta é só hospedar em algum lugar, por exemplo no http://imageshack.us.
O código para colocar esse fundo degrade no seu site ou blog é:

background-color: #FFCC99;
background-image: url(degrade.jpg);
background-repeat: repeat-x;

Coloque o endereço da imagem no lugar indicado e no lugar de #FFCC99, coloque a cor da parte debaixo da imagem degrade que você fez, veja uma tabela com o código das cores. A ultima linha do código faz que a imagem se repita somente na na direção horizontal da página dando a impressão que o fundo é degrade.
No Blogspot vá até a página layout, editar html e coloque o código na parte do .body{..........
......
.......}

Veja também:

Onde e como hospedar imagens
Problemas com imagens que não aparecem no blog
Programas grátis para editar ou fazer imagens

Marcadores: ,