Dois background's no blog!

Hey! Tudo bem por aí? O fim de semana já está acabando... mas agora tem férias pra quem passou direto e  logo vem para os outros também então está tranquilo! Hoje eu trouxe para vocês um tutorial de como por dois background's no blog! Fica bem legal, vamos ver?

Bom, o tutorial peguei no Cherry Bomb, para quem não sabe, um blog com dois background's fica assim:

~Imagem Cherry Bomb~

~Imagem Cherry Bomb~

No primeiro background tem uma barrinha embaixo, por isso esse background tem que ser comprido para a barrinha ficar lá embaixo e o segundo fica normal, como ali no exemplo um cinza simples, então agora que está tudo entendido vamos ver como faz?

1. Vá em Modelo >> Editar HTML >> Prosseguir

2. Clique Ctrl+F e procure por essa tag body {  Você vai encontrar um código assim:

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

}

3. Apague todo o código acima e cole este código no lugar: 

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 dos background's nos locais indicados.

 É só isso, acho que dá um toque bem legal no blog!!!! Espero que tenham gostado!!!! Beijos!