Dois background no blog

Olá pessoal, como vão vocês? Trago mais um tutorial hoje, desta vez mostrando como colocar dois background no blog. Você pode personalizar de varias formas! Usar uma faixa para separar o cabeçalho do corpo do blog, ou para fazer alguma bordinhas como fiz no Ice Cream. Basta usar a imaginação, eu fiz um modelinho correndo só para vocês terem uma ideia, que vou deixar mais abaixo da postagem.

1. Agora para adicionar os backgrounds vá em seu HTML, e aperte Ctr+F e procure por body { Você irá encontrar um código assim:

Códigos

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

2. Então apague toda essa parte e adicione esta no lugar:

Códigos

body, html {
height: 400px;
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 pixel do seu primeiro background. Agora basta colocar as urls das imagens nos lugares indicados.

Backgrounds de demostração:



Eu fiz apenas para vocês terem uma ideia, em breve farei uns decentes para vocês rsrs podem usar  a vontade se quiser, desque creditem ok?