Cómo cambiar el color o la imagen de fondo de tu blog


¿Cómo cambiar el fondo de mi blog?
¿Cómo poner una imagen de fondo en mi blog?

Últimamente recibo muchas de estas preguntas en el formulario de contacto de mi blog, por eso mismo voy a tratar de explicar fácilmente cómo modificar el color o imagen de fondo de tu blogspot.

1) Vamos a Diseño
2) Edición HTML
3) Buscamos body (tecleamos Ctrl + F para buscar más rápido) que encontraremos prácticamente al comienzo de la plantilla
4) Entre otras cosas te aparecerá lo siguiente:


body {
background: #fff;


5) Si quieres cambiar el color deberás modificar el código de color, que en este caso está puesto es el #fff;
Si por el contrario quieres poner una imagen deberás eliminar background: #fff; y en su lugar poner el siguiente código:


background: url(http://www.URLimagen.com);
background-repeat: repeat-y;
background-position:center;


6) En resumen debería quedarte algo así:


body {
background: url(http://www.URLimagen.com);
background-repeat: repeat-y;
background-position:center;



En donde pone URLimagen debes poner el enlace de la imagen que desees. Clicas en vista previa y si todo está bien guardas la plantilla.

10 comentarios:

  1. ei, muy bueno pero no sale como me gustaria a mi.
    cmo sabes, mi blog es negro, y keria sustituir el color por una imagen negra con algun detalle.
    aki puedes ver como keda:
    http://blogdepruebasdelnovato.blogspot.com/

    yo kerria que la imagen ocupe toda la pantalla, como lo hago?
    saludos ^^

    ResponderEliminar
  2. Hola Carles. La imagen que has puesto es muy pequeña.

    ResponderEliminar
  3. jejej, vale.
    entonces debo buscar una imagen más grande, no??
    puedes decirme algun sitio donde encontrar imagenes suficientemente grandes? o mejor la creo yo con PS??

    Muchisimas gracias, vales tu peso en oro eh!! jajaja

    ResponderEliminar
  4. Hola Carles. Exacto, debes poner una imagen más grande. Te recomiendo http://interfacelift.com que es una web sobre fondo de pantalla. O también, como bien dices, puedes crear un fondo con Photoshop.

    Saludos ;)

    ResponderEliminar
  5. excelente... Pero no es asi como me deberia quedar.. Osea en vez de salir en el fondo me sale en la parte de las entradas... Lo quiero de fondo que se vea detras... por ejemplo
    3djuegos.com asi man quiero que me quede asi

    ResponderEliminar
  6. Hola RD-Juegos. He revisado tu plantilla y debes hacer lo que pongo en esta entrada. Tu plantilla es así:

    body {
    margin: 0px;
    background: #002F43 url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SRU7N2ZKloI/AAAAAAAAAhw/jJtVD4wufDY/s1600/bg01.jpg) repeat-x;

    En background cambia la url de esa imagen por otra imagen y ya está.

    Espero que te sirva, un saludo.

    ResponderEliminar
  7. Hola yo ya he cambiado la imagen de fondo, pero ahora quisiera cambiar el de las entradas, es eso posible?
    Gracias!

    ResponderEliminar
  8. QuieroCreaunBlog, la imagen de fondo no me sale como quiero T^T

    Verás, uso del estilo "Streth Denim" (algo asín).

    Esta es la imagen que quiero poner.... http://img693.imageshack.us/img693/7741/empty2j.png

    Cuando sigo tu tutorial, y le doy a vista previa, la imagen SOLO se muestra en el centro... ¿Me pasa lo mismo que Carles? ¿Debo poner la imagen más grande?

    Espero respuesta...

    Nota: ¡Ah! y aclarame una cosa... Si la imagen de fondo es, por ejemplo, de 800x1000 y alguien navega en ventanita por mi blog ¿El usuario tendrá que usar el Scroll orizontal?

    Es que no me gusta que los que navegen por mi blog usen el Scroll orizontal...

    ResponderEliminar
  9. mi problema es que quiero ponerle la imagen que no ruede y se quede hay quieta y no de scroll para abajo mira mi web http://piketemusikal.com.ar cuando veas el comentario si quieres borrarlo lo haces para que no sea un spam no es mi intencion pero solo quiero mostrarles como sale mi imagen

    ResponderEliminar
  10. hola muy buenas k tal felicidades por las ayudas k ofreces,mira mi pregunta es la sigiente,eske kiero poner una foto pekeña como fondo,pero k a su vez pueda hacerla grande,para k se vea grande lo k es el fondo,asike me gustaria k me dieras alguna ayuda o alguna alternativa para hacer k una foto pekeña se vea grande en el fondo del blog,bueno espero tu respuesta,ante todo muchas gracias te dejo mi mail para k me podas responder en cuanto puedas elchicog00d09@hotmail.com un saludo ¡¡¡

    ResponderEliminar