Imagen de fondo ocupe toda la pantalla

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 PANTALLA

A continuación mostramos los pasos necesarios para conseguir que la imagen de fondo de nuestro blogger ocupe toda la pantalla en cualquier resolución:
Abrir la sección Plantilla de nuestro blogger

Pulsar el botón Editar HTML

No olvidarse que para buscar algún nombre apretar CTRL+F
Localizar el texto background situado dentro de body{
Sustituir background por el siguiente código

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;
}
Recuerda 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.