20 mar. 2013

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 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
    background: URL(URL de la imagen) no-repeat center center fixed;
    background-size: cover;
  5. 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.


Si te ha gustado el artículo sobre cómo poner una imagen de fondo en Blogger puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo añadir gadget redes sociales en Blogger
Cómo crear índice de contenido en Blogger
Cómo crear un sitemap para Blogger
Cómo añadir mi blogger al buscador Bing
Cómo añadir la descripción de tu Blogger al título de tus páginas