viernes, 3 de febrero de 2012

Como poner una imagen de fondo a un blog

Definitivamente hoy en la actualidad es mas sencillo de colocar una imagen a los blogs, en esta ocasión hablaremos de como personalizar nuestro Blog,  se puede hacer de dos maneras, una de ellas es entrando desde la edición de HTLM. y la otra es ir a Diseño y darle click a diseñador de plantillas, Ejemplo:



Desde el editor de (HTLM) de nuestro blog


1. Ir a diseño de la plantilla. Después clic en Edición de HTML. y buscamos lo siguiente:

body {
background:$bgcolor;
...
}

2. Agregamos después de background:$bgcolor la dirección en donde se ubica nuestra imagen ejemplo:  Lo que esta en color azul es lo que ponemos.

body {
background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
...
}

Importantes Valores:

- El valor no-repeat, la imagen no se repite. repeat-x, repetirá la imagen horizontalmente  repeat-y, repetirá la imagen verticalmente y si se especifica repeat, la imagen se repetirá horizontal y verticalmente.
valor fixed, la imagen se desplazará con el contenido o será fija.
valor top left, la posición de la imagen.

Nota: La imagen debe ser grande, dependiendo el tipo de plantilla que estemos manejando, en este caso, es de un ancho de 1000 pixeles (px) y un alto de 600 px aproximadamente.

Ver ejemplo: aquí.




2 comentarios:

  1. bueno amigo parece que sere el primero en publicar me gusta tu idea por que quiero hacer el mio de terror ojala este chevere

    ResponderEliminar
    Respuestas
    1. Gracias paulo. espero que me compartas tu blog, para darte un 10, ya que estoy seguro que lo harás con mucha pasión.

      Recibe un cordial saludo y sobre todo que dios te bendiga siempre.

      Estamos en contacto.

      Eliminar