Para colocar una imagen de fondo en tu blog debemos editar la etiqueta "body"
body {
background:#ffffff url(http://www.tu-sitio.com/fondo-web.jpg) top left no-repeat fixed;
}
Color
Lo primero que tenemos en background es el color de fondo, en este caso #ffffff, que es el código de color, puedes modificarlo con el que mejor valla con tu web pero ¿porqué se pone color al fondo si ya he colocado la imagen?
Hay veces que no se carga bien la imagen, conviene definir un color de fondo por si esto fallase. También nos sirve para tener un color de fondo en el caso de que la imagen no ocupe todo el documento.
Ruta
"url()" es la ubicación de la imagen que deseamos tener como fondo entre los paréntesis.
Ubicación
"top" y "left" dan la ubicación a la imagen de fondo y puede tomar los valores: top, right, bottom, left y center (superior, derecha, fondo, izquierda, centro).
Frecuencia
"no-repeat" nos indica que no se repetirá la imagen, esta propiedad también puede tener los valores:
repeat - Este es el valor por default, sino especificas nada, tu imagen de fondo siempre se repetirá.
repeat-x - repite el fondo sólo de forma horizontal.
repeat-y - repite el fondo sólo de forma vertical.
no-repeat - no repite el fondo, este solo tendrá el tamaño que la imagen tenga.
Poner como valor Y el porcentaje seria en vertical, pero hay que tener en cuenta que si colocamos la Y hay que cambiar la palabra "bottom" por izquierda o derecha.
Visualización
"fixed" nos indica que tendremos el fondo fijo y esta propiedad también puede tener los valores:
scroll - Este es el valor por default, sino especificas nada, tu imagen de fondo siempre se moverá junto con el texto.
fixed - Fija el fondo, al moverse el contenido, no se mueve la imagen de fondo.
Este y más trucos los encontraras tambien en :
