8.6.10

Poner imagen de fondo en Blogger


Plantillas nuevas

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

Localizamos un código como el siguiente:

<Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat-x scroll top left" value="$(color) none repeat-x scroll top left"/>

Lo eliminamos y en su lugar ponermos éste:

<Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="#539bcd url(http://www.blogblog.com/dots_dark/bg_minidots.gif) repeat fixed top center"/>

La parte resaltada es la URL de la imagen; la cambiamos por la que queremos colocar.

Con la característica repeat hacemos que la imagen se repita horizontal y verticalmente, a todo lo ancho y largo del fondo del blog.

Con la característica fixed logramos que la imagen quede fija mientras el blog se desplaza.


Plantillas antiguas

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

2.- Localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (Search), una línea del mismo:

body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

3.- Agregamos lo que está resaltado, y el código deberá quedar así:

body {
background: url(Aquí la URL de la imagen) fixed repeat;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

4.- Las características con las que definimos posición y repetición de imágenes de fondo, son:
  • Con el valor no-repeat la imagen no se repite.
  • Con el valor repeat la imagen se repetirá horizontal y verticalmente, ocupando todo el fondo del blog.
  • Con el valor repeat-x la imagen se repetirá horizontalmente.
  • Con el valor repeat-y la imagen se repetirá verticalmente.
  • Con el valor fixed, la imagen será fija, sin él se desplazará con el contenido.
  • El valor top define la posición de la imagen: con left la ubica a la izquierda, con right a la derecha y con center al centro.
En nuestro caso hemos utilizado fixed y repeat, para que la imagen ocupe todo el fondo del blog y permanezca fija. Un ejemplo: aquí

3 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Unknown : #

deseo variar mi modelo de plantilla

Comentario escrito por Unknown : #

Mirna, desde la página principal va a Diseño ► Personalizar, en el diseñador de plantillas escoge la que prefiera, hace click sobre la misma y después en Aplicar al blog ¡y listo!

Comentario escrito por Anónimo #

Excelente me sirvio gracias por tu ayuda

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.