somosblogger

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 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:

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.