Revista Blog

Poner un Fondo en el Blog con css

Publicado el 23 mayo 2013 por Eduardo Javier Perez Cenepo @NeytorTec
Poner una imagen de Fondo en nuestro Blog es sin duda un atractivo para este, anteriormente vimos como poner esta imagen mediante el editor de plantillas de Blogger, en el cal enseñamos detalladamente como hacerlo, les invito a visitar dicha entrada Insertar un fondo en Blogger, pero en esta entrada no usaremos el editor personalizado para poner el fondo, sino que lo aremos mediante un poco y sencillo condigo CSS.

Poner fondo en blogger con css:

Esta entrada la hago, debido a que e recibido muchos comentarios en los cuales me mencionan que no pueden poner un fondo con en el editor de plantillas personalizado de blogger, así que espero que esta otra forma de poner fondo en el blog les sea de utilidad.
Para empezar nos vamos a Plantilla> Personalizar > Avanzado >Añadir CSS, una ves estado ahí ponemos el siguiente código:
body { background-image:url("dirección URL de la imagen"); }
Al poner nuestro código tendriamos algo similar a la siguiente imagen:
código para poner imagen de fondo
Al poner este código  la imagen de fondo se mostrara en forma de mosaico, osea que se repetirá por toda la pagina, hasta ocupar el tamaño total de esta, ahora si deseas que la imagen nose repita solo ponemos lo siguiente:
body { background-image:url("dirección URL de la imagen"); background-repeat:no-repeat; }
Al poner este código, la imagen ya no se repetirá  pero estará estática y ubicada siempre a la izquierda, ahora si queremos que la imagen baje entorno a la pagina, aplicamos lo siguiente:
body { background-image:url("dirección URL de la imagen"); background-repeat:no-repeat; background-attachment: fixed; }
Al colocar este código  la imagen se desplazara entorno a como bajamos la pagina, ahora si deseas que tu imagen de fondo se centre solo tenemos que aplicar lo siguiente:
body { background-image:url("dirección URL de la imagen"); background-repeat:no-repeat; background-attachment: fixed; background-position: center; }
Mediante estos códigos podemos poner de diferentes formas nuestra imagen de fondo, esta es otra opción de poner una imagen de fondo en Blogger, espero que les se de utilidad.
Espero que este Tutorial les sea de Utilidad, cualquier duda o aporte hacerlo por comentarios. Gracias por su Tiempo!

Volver a la Portada de Logo Paperblog