Tutorial:Comó poner doble fondo por la mitad a tu blog

 



 1. Van a Plantilla - Editar HTML
2. Abren el buscador (CTRL+F) y ponen body {. Les saldra eso y un poco más abajo html body $(page.width.selector) { o parecido, algo como esto:

3. Ahora vamos a borrar todo esto y lo vamos a reemplazar por lo siguiente:

body, html {
 font: $(body.font);
 color: $(body.text.color);
 height: 500px; /*Altura del fondo del header*/
 padding: 0; 
 margin: 0;
}
body {
background: url("URL del fondo del header");
background-repeat: repeat;
}
html {
background: #eedfb4; /*Color del fondo del blog*/
}

Es importante que presten atención a esto:
- en body { va el fondo superior pero arriba en body, html{ deben poner la altura del mismo y;
- en html { va el fondo inferior

Guardan los cambios y ya está!

Recuerden que los fondos pueden ser o un color o una imagen. 
Si desean que sea simplemente un color deben poner background: #eedfb4; y reemplazar el código.
Pero si les gustaría poner una imagen, tienen que poner: background: url("URL de la imagen");
 Créditos a: Not a single song, esta en la seción de créditos.