body {
background:$bgcolor;
...
}
(El código está al principio de la plantilla "no tiene perdida)
-Ahora agregar después de background:$bgcolor lo siguiente "lo que está de color Rojo":
body {
background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
...
}
-Si la imagen no se ajusta,cambia por los siguientes valores:
-no-repeat (la imagen no se repite)
-repeat-x (repetirá la imagen horizontalmente )
-repeat-y (repetirá la imagen verticalmente )
-repeat (la imagen se repetirá horizontal y verticalmente)
-fixed ( la imagen se desplazará con el contenido o será fija)
-top left (la posición de la imagen)
Ejemplos:
-body {background:$bgcolor url(http://Aquí la direción de la imagen) fixed repeat-x top left;
-body {background:$bgcolor url(http://Aquí la direción de la imagen) fixed repeat-y top left;
-Entendéis,el único valor que cambia para ajustar la imagen es el valor marcado en rojo,(como podéis apreciar en los ejemplos),para la imagen de fondo vais a Google en " imagenes " y buscáis imagenes que os gusten para el diseño de vuestro blog. Debéis tener en cuenta que la imagen sea "grande" a ser posible "Wallpaper", pero tener en cuenta que "demasiados pixeles"(mas de los debidos) harían que el blog al cargar tardase mas en el proceso,y eso no interesa así que elegid un tamaño "no mayor" de 1.500 Pixeles.
Ejemplo , Huevos fritos de fondo:
Fuente Imagen: http://humorisas.boosterblog.es/ .
