Mil Trucos Blogger

Como Colocar una Imagen de Fondo en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
Bueno, soy yo de nuevo, en este caso les enseñare como colocar una imagen de fondo en nuestro blog de la manera mas simple y directa….

Lo bueno de esto es que a veces hemos encontrado imagenes muy buenas y que queremos usarlas pero no sabemos donde! Nunca te pasó? Esta es tu oportunidad ya que si tienes un blog personal, o si es de la temática de tu blog, la colocas como imagen de fondo y listo, quedará muy bien.

Muchos usuarios de blogger dejan pasar por alto colocar una imagen de fondo en el blog, sin darse cuenta que es un recurso que nos ayuda bastante a la hora de querer tener el mejor diseño para nuestros visitantes, en esta entrada les mostrare como hacerlo de una manera simple, como ya les mencione; vayamos al truco.

PRIMER PASO:
 BUSCA UNA FOTO QUE TE GUSTE Y QUE MIDA MAS DE 1024 X 728, QUE TENGA BUENA RESOLUCIÓN Y QUE TENGA MAS DE 500 KB, ESTO ES SI LO USAS COMO FONDO DE PANTALLA DE TU PC PUEDE SERVIR PARA TU BLOGGER.
SEGUNDO:
 LA TIENES QUE SUBIR A UN HOSTING, EN ESTE CASO UTILIZAREMOS  IMAGESHACK
,
-AHORA SUBES TU IMAGEN  CON LA OPCIÓN DE MONITOR DE 19 PULGADAS QUE ES LA MAS COMÚN.
-CUANDO TERMINE COPIAS EL LINK QUE ESTA DONDE DICE ENLACE DIRECTO 
 (En ocasiones es necesario registrarse)
-AHORA VAS AL BLOG Y ENTRAS EN LA PESTAÑA DISEÑO LUEGO AÑADE UN GADGET HTML/JAVASCRIP:
LUEGO INSERTAS ESTE CÓDIGO HTML:
 
<style type="text/css">body {background-image: url("TU LINK DE IMAGESHACK VA AQUI"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; "></div>
PONES TU DIRECCIÓN DE IMAGESHACK ENTRE LAS COMILLAS, LO GUARDAS Y LISTO YA TENEMOS NUESTRA IMAGEN DE FONDO EN NUESTRO BLOG.
Nota:  En este tutorial utilize el hosting  IMAGESHACK por mi preferencia, puedes usar el hosting que desees a tu gusto..
Saludos!!!
0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

38 Comentarios

  1. abril 1, 2013    

    Muy buen tutorial Miguel de verdad andaba buscando algo como esto.

    Un saludo 😉

  2. abril 3, 2013    

    pues a mi no me funciona

  3. abril 26, 2013    

    no me funciono me ayudan porfa?

    • abril 26, 2013    

      La entrada no es mía, pero dime en que blog no te funciona el truco

  4. abril 30, 2013    

    a mi me funciono a la primera, pero esta noche al vovler a casa desaparecio como otras cosas que habia puesto..y no hay manera de ponerlo otra vez

  5. mayo 8, 2013    

    Una pregunta: ¿se puede hacer que esa imagen de fondo incluya un link?

    Ya sabes, para usar la imagen como recurso publicitario.

    • mayo 11, 2013    

      Pues el truco se maneja es con atributos CSS por lo que no se puede añadir imágenes, al menos habría que añadirle algo de HTML para agregarle el link 🙂

  6. junio 26, 2013    

    hola, que tal?? a mi no me funciona 🙁
    soy un queso para esto!!

  7. agosto 9, 2013    

    Una duda: ¿por qué añades un div al final del código?

  8. agosto 10, 2013    

    dejes sus comentarios negativos que si da ami me funciono y esta clara la explicacion gracias y saludos

  9. agosto 26, 2013    

    Genial, ahora solo me falta conseguir una buena imagen para poner de fondo 🙂

    ¡Gracias!

  10. septiembre 13, 2013    

    :F que bn lo provare a ver con mi Blog espero que me funcione he estado buscando esto desde hace tiempisimo vere a ver 😀

  11. septiembre 30, 2013    

    Ami si me funciona me coloca el fodo pero es un fondo estico solo aparece sobre todo el blog necesito ayuda mi blog dice que no puedo colocar fondo y esta seria la unica manera aparte de editar el htlm pero no ce que hace necesito poner un fondo

  12. octubre 1, 2013    

    Necesito ayuda, no me funciona

  13. octubre 1, 2013    

    Ya me fue, era el cógido del fondo en imageshak que no iba, lo hice por tinypic y ya va!!

  14. febrero 6, 2014    

    exelente me ayudo muxo :-d

  15. febrero 11, 2014    

    Muchas gracias !!

  16. marzo 28, 2014    

    Lol, todos se complican haciendo eso cuando simplemente pueden ir a plantilla>personalizar>fondo y eligen el que quieran xdd ese proceso es para principiantes

    • Jota Jota
      marzo 29, 2014    

      La forma más correcta sería ir a Plantilla-Editar HTML y añadir este código antes de </b:skin>:

      body {
      background-image: url(“
      URL de la imagen“) !important
      }

  17. abril 16, 2014    

    (y) pero ami no me sale toda la pantalla

    • abril 21, 2014    

      Pero entonces como te aparece?

    • abril 24, 2014    

      Hola! A mí me pasa como dj Maxo…no me sale en toda la pantalla sino centrado. Cómo se haría para que ocupara todo el fondo?
      Gracias de antemano! Me encanta tu blog 😉
      Ah! Este es el mío http://www.universocuento.com

  18. junio 21, 2014    

    Hola como hago para colocarle una imagen a esta plantilla que tu tienes porque no aplica

  19. junio 30, 2014    

    OOh dios mio muchísimas gracias llevaba tiempo buscando una solución que me diera resultado y por fin di con ella 😀
    Hace tiempo que blogguer no me sube bien los fondos, lo hacía desde plantilla y me subía la imagen más oscura y no era capaz de solucionarlo pero ahora está perfecta :]
    Un saludo <3

    • julio 20, 2014    

      Miranda que bueno que esto haya solucionado tu problema.

  20. julio 19, 2014    

    que buen blog tienes, gracias por compartir tu blog me guié por ti una vez un saludo….http://ganamuchodinerohoyy.blogspot.com/

  21. Ame Ame
    septiembre 5, 2014    

    Gracias

  22. septiembre 21, 2014    

    Gracias me funciono, ya que la otra opcion de cambiar el fondo no me funciona.

    Gracias.

  23. noviembre 18, 2014    

    no se que pasa en html no me aparece opcion de cambiar el fondo y con esto tampoco como lo cambio ayudaaa

  24. diciembre 18, 2014    

    gracias men!!…estaba ya cansado de que me dieran codigos erroneos…fue poner el tuyo y genial!!!

  25. Anonymous Anonymous
    diciembre 20, 2014    

    Pues si que me ha funcionado! y super simple! GRACIAS, copié directo el link de la misma foto y asi largo como estaba lo pegué entre los paréntesis. Funciona!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo