Tutorial - Como colocar 2 backgrounds no blog **

Créditos: Cherry Bomb




Oi Cherries!Aqui Vou Ensinar A Colocar Dois backgrounds no blog! ok, vamos começar isso logo!

Entederam? Eu uso um primeiro background que tem a faixa, e é da mesma altura do cabeçalho, assim as imagens se completam. E o segundo background que eu uso é o cinza simples, que cobre todo o resto do blog. Legal né? Veja agora o código que você deve usar para fazer isso.

1°) Vá em modelo > Editar HTML.
2°) Aperte Ctrl+F e procure por body { Você irá encontrar um código assim:

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

 3°) Apague tudo e coloque no lugar este código:

body, html {

 height: 300px;

 margin: 0;

 padding: 0;  }

body {

 font: $(body.font);

color: $(body.text.color);

background: url("URL do 1º background") repeat; }

html {

 background: url("URL do 2º background") repeat; }

Altere o número em vermelho (300) pela altura em pixels do primeiro background. Depois é só substituir as urls das duas imagens nos locais indicados.
Gostaram? Esperem que ainda não acabou! Fiz três conjutos de backgrounds para vocês usarem nesse tuto. Peguem a vontade, mas quando usarem dediquem um espacinho do seu blog para por os créditos ao cherry bomb. ;)

Conjunto 1



Conjunto 2

Conjunto 3