Cómo poner una imagen de fondo en Blogger

Cómo hacer que ocupe toda la pantalla la imagen de fondo de Blogger

 

 

En el artículo de hoy vamos a ver cómo hacer que la imagen de fondo de nuestro blogger ocupe toda la pantalla sin importar la resolución del monitor. Y como en todos nuestros artículos lo haremos a través de un ejemplo muy sencillo.

CÓMO MOSTRAR IMAGEN DE FONDO DE BLOGGER EN TODA LA PANTALLA

Esta solución requiere modificar el CSS de nuestra plantilla añadiendo la propiedad background-size lo que nos permitirá especificar el tamaño de la imagen de fondo.

PASOS PARA MOSTRAR IMAGEN DE FONDO DE BLOGGER EN TODA LA PANTALLAA continuación mostramos los pasos necesarios para conseguir que la imagen de fondo de nuestro blogger ocupe toda la pantalla en cualquier resolución:

1. Abrir la sección Plantilla de nuestro blogger
2. Pulsar el botón Editar HTML
3. Localizar el texto background situado dentro de body{
4. Sustituir background por el siguiente código
5.  

background: URL(URL de la imagen) no-repeat center center fixed;
background-size: cover;
Después de la modificación el body quedaría de la siguiente manera:


body {
background: url(URL de la imagen) no-repeat center center fixed;
background-size: cover;
margin:0;
color:#000;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

6. Recuarda que en el punto 4 debes indicar la URL de tu imagen de fondo

Siguiendo estos sencillos pasos harás que la imagen de fondo de tu blogger ocupe toda la pantalla y se vea correctamente en cualquier resolución.