Buscar este blog

domingo, 1 de diciembre de 2013

Cambiar la imagen de fondo del blog

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 LA 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
  • Localizar el texto color="$(body.background.color)" default="#111111 swdaurl(http://img163.imageshack.us/img163/3116/ccbo.png) repeat-x fixed top center" value="#829496 url(http://img163.imageshack.us/img163/3116/ccbo.png) no-repeat fixed top center En mi caso está localizado en la línea 25 dentro de /* Variable definitions
  • Sustituir default="#111111 url(http://img163.imageshack.us/img163/3116/ccbo.png) repeat-x fixed top center"  por el siguiente código

             default="#111111 url(URL de la imagen) repeat-x fixed top center" 
  • Sustituir value="#829496 url(http://img163.imageshack.us/img163/3116/ccbo.png) no-repeat fixed top center por el siguiente código
              value="#829496 url(URL de la imagen) no-repeat fixed top center

  • En la línea 147 tengo la etiqueta body {
  • Debajo de background: $(body.background); tenemos que poner background-size: cover;
  • Y ya está.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.

No hay comentarios:

Publicar un comentario

Añade tu comentario