Imagem de fundo fixa (background)

Há pouco tempo atrás aprendemos a colocar uma imagem de fundo em seu template. Agora vamos aprender a colocar uma imagem fixa no fundo, de forma que quando descemos a barra de rolagem do navegador, ela continua parada.
Obs.: Código valido para qualquer tipo de site ou blog.

Exemplo: www.twitter.com/pauloestevao e www.pelomarafora.blogspot.com

Se você entende quase nada de CSS e/ou não leu a postagem que ensinava a trabalhar com o fundo do seu blog, aconselho a leitura: Um pouco sobre CSS e Mudando o fundo do seu template

– Faça login no Blogger, entre em “Layout” -> “Editar HTML”.

2º – Procure (Ctrl + f) por:

body {

Dentro das chaves de BODY tem o código CSS: background, isso dá característica da cor de fundo.

3 º - Apague a background de Body e escolha uma das opções abaixo para o novo background do seu blog:

  • Imagem de fundo sem repetir e sem outra cor

Se você quer colocar uma imagem fixa no fundo, sem precisar completar com alguma cor, use o seguinte código:

background: url(\'http://LINK IMAGEM\') fixed no-repeat top left;

  • Imagem de fundo repetindo e sem outra cor

Caso a imagem seja pequena para preencher completamente os espaços, você pode escolher essa opção para a imagem se repetir até completar os espaços vazios:

background:  url(\'http://LINK IMAGEM\') fixed repeat top left;

  • Imagem de fundo sem repetir e com outra cor completando

Se a imagem não cobrir completamente o fundo, você pode usar uma cor para completar, dessa forma use essa opção:

background: CÓDIGO COR url(\'http://LINK IMAGEM\') fixed no-repeat top left;

Fazendo as substituições:
LINK IMAGEM -> Coloque o link (direto) da imagem de fundo já hospedado.
CÓDIGO COR -> Coloque o código da cor escolhida (clique aqui e veja uma tabela de cores)

Exemplo (Twitter @pauloestevao):

body {
background: #2952D0 url(\'http://a3.twimg.com/profile_background_images/42158797/wallpaper-xseven.jpg\') fixed repeat top left;
}

- Teste e se tudo ficou como devia ficar... Salve!