Cambiar imagen de fondo del blog a elección del lector

20 de febrero de 2010 115 comentarios ,
En la entrada anterior vimos cómo cambiar el color de fondo del blog a elección del lector, esto es que haciendo click sobre un color, el color de fondo cambia.
Haciendo unas pequeñas modificaciones al código podemos utilizarlo también para que el fondo del blog sea cambiado por una imagen u otra.
Este es un ejemplo:


Como ves ayuda a la interacción del lector con el blog, pero sobre todo es útil para blogs de diseño los cuales tienen descargas de patterns, de esta forma el lector puede probar el pattern antes de descargarlo.
Puede ponerse directo en una entrada (en el caso de los blogs de diseño) o bien en un elemento HTML/Javascript, sólo hay que pegar lo siguiente:
<div style="text-align:center;">¿No te gusta el fondo del blog?
¡Cámbialo por otro!</div><br />

<center><a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj6kTtYcgKBI-DgXqwCLMKp2-HYHR0MopJv9wgNeJFTtfldaR6gZfZIIW0KAl7OtURZc3IFY-Tcrvyf_ZHmAtID4PwIU-5tEe8Z3ChRFr0ZD4MAswdCh6C_QUBYfx5Bn2fOeSYZfLxeU0T/s400/orange.png)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVQlHdDdfTlCqvv2jpmH-e4_cT1NzoRUSdW5CHStILm0K0yO3GJfa4kswwP1xj6GXAzvjjv55AXhsKZqpaqecQFM_eBQoiJpx9swwPw6qmlh_YqSoewqJUDlSxxFcW90VCY1i3MdgqGBFx/s200/body-orange.jpg" /></a>



<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDKgDKlqKOMpZ0Ic8RgiNwlfuZdHzsKMSa3uEvkmT1UQF_iINfUKQE2AFHEiKfDSt8KdU8eL9Kq1vK5ydzek0kysWHqgP1zkJQy73Pi3ugTHzGfFc7TWff1lDfSLZ8E-skjPJsrRQoRRo/s400/luxury-lining.gif)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglRfnZTq7sZm2Za2pg6sjH2KI2g0sDHpLVuqMA6Pzuf521ftG9ROleI7_hBjy-2RFZxt-pETuNKYDmGxh5-qOCJ0ldd-bLKWQyGMUbZ005TjEVSo987Dhfxx6wW3EvzUv2mop5uPbqxax8/s200/body-luxury.jpg" /></a>



<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBC2zjbXBdZyss897a5AphhLpz1sZBk_koxv7610AB4PocHij9VdtCvVRVEugKOhahu_iSXhtpU-b203JFJtVgyJTqwOQ0jggYXw9H01S81Libmwkz6wGzgUHYQYMUbHPbEITioERuh2m0/s400/intertwined.gif)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMJsiHUdwvmzGMkapBE5G7LQ_2h8UibbqyNuw-jq_lB-C41BzSbzHk6Xm2-9pE1iWNChHM6XsYw5Nam0k4dmTWjL71F7IWXbrGNpBKpoOVXA59zchXSZUnMm7J_5QAh-CtVFJgHFb5cqU3/s200/body-intertwined.jpg" /></a>



<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPzh7pgeuBqjYNOiORxNJMqnSzVIJbzYUatuMFX_3OcZ04_jLxboXuUCAr8a9d_LKQsYynTw6rBN3LJdQPBqBnwDidqr9WvGa4ExhQhb5grj7Nlg5L245K73aZ8_L_K9VaXN0aAyHV4Lew/s1600/dead-revolutionaries.gif)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8PKzPMhltp6W4mJi9-4YtnsUVX9L2L2BNlL6RKkrJLGB_Mda0M4hq8WSBS4-u4b0VejU0SWZsvaxHRVUHSkiTcSWyHxkWOmWShqVkXzkmww455-sHWTY5cJJ8D4OTFYvR3pbqiP8oM3as/s200/body-deadrevo.jpg" /></a>



<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZBjl_OTmQfTVpzB9ew6kpUvygNJ3yNoKnUvuh_nZdIJF6NH5ezqZEYo-hNzpb9JBhsmXo7Zps382_yzqHDLIRIsEBh5AunakROezE1fmk0GXSWU5mlzklp9559Srtrl7KPnXNipaIp-02/s400/horton.gif)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Bkzf59NYCXf8dxmQoAMG9aczkNyR9HcP6NBjRrPsIPWmfp2EiWcF5FfCND7YC6loNGZVmd9HGdDBMab9gaW8bWEDwHRCTeN0JcWeRcoZDRV2AT8lY5riMw3ZchpOXGL004zqTYyaC8PO/s200/body-horton.jpg" /></a>

</center>

Puedes agregar más imágenes de fondo o cambiar los de este ejemplo, sólo remplaza la URL de la imagen (está dos veces) por la tuya.
En caso de querer agregar más imágenes agrega al código esta parte:
<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(URL de la imagen)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img style="width:40px;height:40px;" src="URL de la imagen" /></a>

La URL de la imagen se pone dos veces donde se indica, la primera es la que se aplicará como fondo y la segunda es la de ejemplo para que el lector haga click.


115 comentarios en:

" Cambiar imagen de fondo del blog a elección del lector "

  1. Lógico... haces lo mismo que la entrada anterior, solo que enves de backgroundcolor, pones backgroundimage, y claro, cambias lo dmeas... muy bueno potro, sin duda, llamará mucho la atención!

    ResponderEliminar
  2. Lógico y no, pues no siempre invertir los códigos sugiere que se tendrán buenos resultados.
    Saludos!

    ResponderEliminar
  3. Un truco magnífico, Potro ^^, al igual que el anterior. No dudaré en usarlo más adelante.

    ¡Abrazos!

    ResponderEliminar
  4. Gracias Jaime, sin duda estas opciones hacen que el lector se sienta más cerca del blog al poder manipular el diseño a su gusto.
    Gracias por tu visita.

    Abrazos!

    ResponderEliminar
  5. WOWWW!!!!
    Potro ESTOS Son TRUCOS EXPLOSIVOS!!!!!!
    MUY BUENOS!
    Y GRACIAS POR AYUDARME LA VEZ PASADA !!!
    SALU2!

    ResponderEliminar
  6. Tienes razón, no siempre funciona... pero es cuestión de provar... de cualquier modo, muy bueno!
    Y ya estás llegando a los 400 comentarios! Felicitaciones... sabes, en marzo voy a hacer un sorteo de dominio :)

    ResponderEliminar
  7. Qué bueno que les ha gustado ;)

    Ascesino96, quién diría, ahora ya sorteas los dominios :D

    ResponderEliminar
  8. Potro tu siempre me lees la mente xD.

    ResponderEliminar
  9. Supongo que soy de esos que se patinan la pasta... jej :D
    El gran problema es que todos mis amigos ya tienen dominio .com, y nadie participará... es por eso que tal vez espere a tener más visitas... porque si hablamos de dinero, eso tengo... No mucho, pero lo suficiente como para darle la posibilidad a alguien de tener un dominio...

    ResponderEliminar
  10. Perdón, en el comentario 7 quise decir seguidores, no comentarios... de cualquier modo, 400 domentarios es mucho (para mi)

    ResponderEliminar
  11. PepeX, en la entrada anterior te juro que pensé que me ibas a preguntar si se podía hacer lo mismo con una imagen :D

    Ascesino96, jaja, vieras que cuando lo leí no me di cuenta que decía comentarios, en lugar de seguidores :P

    ResponderEliminar
  12. No, PepeX, ya no, jaja Xd que rápido!

    ResponderEliminar
  13. en mi blog no funciona potro
    http://varias--cosas.blogspot.com
    ayuda!!

    ResponderEliminar
  14. Esa plantilla es todo un caso, deberías considerar seriamente en cambiarla.
    Si te fijas en la parte de arriba se ve el fondo que se aplica pero no alcanza a cubrir todo, seguro es porque la imagen de fondo de tu blog dice no-repeat, podrías cambiarlo por repeat para que se aplique bien el cambio.

    Saludos.

    ResponderEliminar
    Respuestas
    1. che no me funciono,mi blog es este:http://dssssssssss1234.blogspot.com/

      Es un Blog de pruebas por eso el nombre

      Eliminar
    2. En esa plantilla no funcionará bien ya que el fondo está definido en varias partes, no es como en este o la mayoría de las plantillas que el body es sólo un color o un fondo y nada más.

      Eliminar
  15. Oie Potro esto no va relacionado con este post si no con algun codigo anterior que puse,
    Es decir no se que puse o que code fue pero al momento quie quiero mover algun Gadget este no se mueve No cambia y no sustitille el lugar por Otra qeu codigo pudo hacer Sido?
    la verdad es que noi recuerdo desde cuando empeso este prblema:..

    ResponderEliminar
  16. Jjajajajaj será que tenemos un poder para comunicarnos telepaticamente? xD, jajajajajajaj

    ResponderEliminar
  17. ıllıllı★Criss Mitchell★ıllıllı, hay un problema en Blogger con muchos blogs que presentan la misma problemática desde hace ya varias semanas. Mientras se arregla puedes mover tus gadgets directo desde la Edición de HTML tal como se haría para dejar un gadget debajo de la cabecera.

    PepeX, eso parece :P

    ResponderEliminar
  18. en uno d mis blogs no funciona, pese a q cambie en la plantilla repeat-x por repeat ...

    ResponderEliminar
  19. Eso es porque la imagen de tu outer-wrapper es la que ocupa todo el fondo y no el body. Si el outer-wrapper tiene una imagen siempre se encimará al body y nunca podrás ver la imagen o color del body.

    Saludos.

    ResponderEliminar
  20. Muy bueno!

    Me encanta que las cosas sean personalizables, y que tengas opción a elegir, aunque sea entre unas pocas opciones diferentes.

    En mi web he hecho que sea así. Ahora, después de leer este post, puede que también lo haga en mi blog :)

    Está muy bien tu blog, te felicito!

    ResponderEliminar
  21. hola potro! tus posts me han sido de muchisima ayuda para mi blog! ahora mi consulta viene asi:

    resulta que aca publicaste un truco para poner fondo en las entradas... y me gustan pero cuando quise cambiar por otra plantilla (grunge star) los fondos desaparecian... por eso no la use... mientras que con otras plantillas no me pasaba lo mismo...resulta que ahora quiero poner una plantilla en donde se transparente todo, para asi apreciar mas el fondo... pero el fondo de las entradas siguen apareciendo y ahora quiero quitarlos y no se como... me llamo la atencion de la plantilla grunge star por que no salian alli... si podes ayudarme con esta duda te agradeceria mucho

    ResponderEliminar
  22. Sama-Sama-Blog, concuerdo contigo, hay que darles opciones a los lectores de diseño para que se sientan cómodos. Gracias por tu visita :)

    4EverMadonna, necesitas editar las entradas en donde aplicaste un fondo diferente, es un poco pesado pues hayq ue hacerlo una por una pero es la única forma de que no tengas problemas en el futuro.

    ResponderEliminar
  23. Jajajajajajajaja!!! te pasaste bro!! esto de que el usuario pueda cambiar la imagen de fondo o el color de fondo como en el otro post es muy interactivo!!!

    Un abrazo!!!

    ResponderEliminar
  24. Todo lo que hay que hacer para consentir a los lectores :D
    Un abrazo!

    ResponderEliminar
  25. Y como hago para una imagen de fondo en el blog sin que nadie me la cambie jeje y seguir dejando negro donde escribo los post para seguir poniendo la combinacion de colores que tanto te gusta jaja es que se ve muy vacio

    ResponderEliminar
  26. Puedes pegar antes de ]]></b:skin> lo siguiente:

    #content-wrapper {
    background: #000;
    }

    De esa forma tendrás un fondo independiente para el contenido del blog.
    Saludos.

    ResponderEliminar
  27. Aja ya lo puse y despues que?

    ResponderEliminar
  28. Pues ya deberías tener un color de fondo oscuro en las entradas del blog sin que afecte el hecho de que tus lectores cambien la imagen de fondo del blog.

    ResponderEliminar
  29. Jajajajajaja... tus lectores no tienen nada que objetar. Creo que si hubiera un libro de quejas, tendría todas las hojas en Blanco ;)

    Un abrazo!!!

    ResponderEliminar
  30. Uh no te creas, generalmente los insultos me llegan por correo :P

    ResponderEliminar
  31. Hola, te quiero preguntar qué debo cambiar en la plantilla para que se vea la imágen,ya que al hacer clic, el fondo de mi blog queda negro,en vez de la imágen que yo elijo. Gracias.

    ResponderEliminar
  32. En el caso de tu plantilla el fondo sólo es un pequeña imagen, que además tiene un color, en este caso negro. Tendrías que quitar el color negro (#000000) que está dentro de body{ pero de todas formas no cambiará todo el fondo, pues el resto son imágenes que no corresponden al body, sino a otras áreas del blog.

    Saludos.

    ResponderEliminar
  33. buenas me gusto mucho el post pero tengo un dilema

    ya cree todo

    como se hace para que al recargar la pagina o cambiar de tema el fondo se mantenga???

    hay un blog que incluso aunque uno se desconecte el fondo se mantiene

    espero alguna respuesta
    gracias

    y exelente post

    ResponderEliminar
  34. Cuando se carga el blog carga los estilos definidos en la plantilla, en este caso va a cargar el color o imagen de fondo que se haya establecido.
    Este gadget no modifica esos estilos en la plantilla, sólo en el navegador.

    Desconozco si el blog que viste está alojado en Blogger. La única manera que veo posible que eso suceda es agregando unas cookies, pero ese tema lo ignoro.

    Saludos.

    ResponderEliminar
  35. Muy interesante , y encima funciona perfectamente.
    Muchas gracias, fenómeno

    ResponderEliminar
  36. Qué bueno que te ha gustado y que te funcionó sin problemas =)
    ¡Saludos!

    ResponderEliminar
  37. che capo!
    pregunta..
    como hago para primero hacer como la caja de contenido para despues poder darle el efecto de cambiar de fondo. pero que no cambie por donde esta el contedido. Se entiende?
    recien arranco un blog y todavia no encontre eso.
    GRACIAS!!!

    ResponderEliminar
  38. Hola Leito,

    No te he entendido muy bien, ¿me puedes explicar de nuevo o darme un ejemplo?

    ResponderEliminar
  39. carusso mira este es mi blog linearart.blogspot.com
    hola muy interesante lo del fondo gracias solo tengo una duda coloco el fondo pero solo me cubre la mitad del blog como hago para que me cubra todo el blog
    gracias nuevamente

    ResponderEliminar
  40. Eso ya depende de cada plantilla. En el caso de las plantillas clásicas de Blogger sí se aprecia todo el fondo, pero en las que son modificadas el fondo está compuesto por otras imágenes que hacen que no se aprecie bien este truquillo.

    Saludos.

    ResponderEliminar
  41. Hola Potro en la plantilla que te comentaba http://borest-borest-net.blogspot.com en la parte de abajo en los creditos, hay una imagen, pero solo se ve una parte, habra algun codigo para que se extienda a lo ancho de la pantalla? Saludos.

    ResponderEliminar
  42. La imagen ocupa todo el tamaño del footer, en cual en esa plantilla es de ese tamaño, por eso se ve así.

    ResponderEliminar
  43. mil gracias x el post

    ResponderEliminar
  44. Hola potro esta excelente este truco me funcionó al 100%, pero me preguntaba si no sabias como cambiar no solo la imagen del body si no de otra seccion, por ejemplo mi blog tiene una seccion que se llama .content y tambien posee un background me gustaria cambiarlo por medio de este truco pero no he podido lo he intentado de estas formas:

    document.body.content.style.backgroundImage='url(http://1.bp.blogspot.com/_dsEG33PDaHw/S4A1H6Sf-7I/AAAAAAAAAJs/XjvJh0mpU5o/s1600/dead-revolutionaries.gif)';


    document.content.style.backgroundImage='url(http://1.bp.blogspot.com/_dsEG33PDaHw/S4A1H6Sf-7I/AAAAAAAAAJs/XjvJh0mpU5o/s1600/dead-revolutionaries.gif)';

    Pienso que tal vez sea por el punto que tiene en la declaracion del css

    es algo asi

    .content{
    AQUI VAN LOS ATRIBUTOS

    }

    espero que encuentres una solucion gracias

    ResponderEliminar
  45. Hasta donde yo sé las funciones Javascript sólo trabajan con los elementos estándar de una plantilla, como el body. Lo demás como 'content' etc. que no son estándares no funcionan.

    ResponderEliminar
  46. Hola Potro,

    Antes de nada darte las gracias por este peaso de truco. Yo quiero hacer esto y que a su vez vaya enlazado con una de las etiquetas del blog. ¿Sería posible? Y si es así... ¿podrías indicarme cuál sería el código?

    Muchísimas gracias por tu atención.

    Saludos, Paky.

    ResponderEliminar
  47. Hola Paky,

    No creo que sea posible :s

    ResponderEliminar
  48. ops, pues qué pena, joooo. Bueno, de todas formas, muchas gracias. ;)

    ResponderEliminar
  49. Me funcionó el truco solo que lo unico que no fue que apareció vertical y no horizontal ¿Me podrias ayudar?

    ResponderEliminar
  50. Excelente aplicación, me ha funcionado de maravilla http://elblogdelnobe.blogspot.com Sólo tengo una duda, cómo puedo configurarlo para que el fondo escogido se mantenga al entrar a un post, o navegar por el blog...

    ResponderEliminar
  51. Sólo usando cookies pero de ese tema no tengo mucho conocimiento :s

    ResponderEliminar
  52. Gracias de todos modos, muy buena página. :)

    ResponderEliminar
  53. DISCULPA SE PUEDE MODIFICAR EN LOS COMENTARIOS Q LOS Q ESCRIBEN DEJEN SU CORREO SE PUEDE????? Y ASI EVITAR ANONIMOS O Q DEBAN DE TENER CUENTA BLOGGER SINO Q SOLO PONGAN SU CORREO Y PUEDAN ESCRIBIR???SUS COMENTARIOS

    DESDE TA GRACIASSSSSSS SALUDOSSSS

    ResponderEliminar
  54. No, pero puedes elegir quienes comentan, es decir, que sólo se le permita a quienes tienen cuenta en Google u otros servicios. Para hacerlo entra en Configuración > Comentarios y en donde dice 'Persona que puede realizar los comentarios' elige la opción que deseas.

    Saludos.

    ResponderEliminar
  55. ahh ya ok graciassssssss

    ResponderEliminar
  56. Potro una pregunta es posible poner dos imagenes de fondo? Por ejemplo una que este de top y la otra de bottom?, esque eso he querido hacer pero hasta ahora no encuentro algo que me funcione.
    Espero me puedas ayudar.

    ResponderEliminar
  57. Se puede pero no en todas las plantillas, depende en cuál plantilla lo quieras hacer.

    ResponderEliminar
  58. Disculpa porque no recuerdo si el código que use para cambiar la imagen del blog es este post u otro tuyo. La imagen me la ha cambiado, pero solo se ve la mitad de la foto.
    Gracias

    ResponderEliminar
  59. Quizá sólo la mitad de tu blog es una imagen que corresponde al body y la otra mitad es de otra parte de la estructura de la plantilla, si es así entonces no se puede cambiar todo.

    ResponderEliminar
  60. Hola Potro,

    Me gustaría que el fondo de mi blog sea lo primero que cargue, hay alguna manera de conseguirlo?

    Gracias!

    ResponderEliminar
  61. Pues usualmente el fondo del blog es lo primero que carga, a menos que la imagen que tengas sea muy grande o muy pesada, si es así entonces tardará mucho en cargar.

    ResponderEliminar
  62. Gracias por este codigo!!! este blog me a salvado muchas veces!!

    ResponderEliminar
  63. potro como hago para que cambie de color de fondo de la pagina pero junto con el fondo de la entrada y la sidebar se podra?

    ResponderEliminar
  64. Eso sólo se podría si las entradas y la sidebar no tuvieran un fondo, así daría el aspecto que cambia todo pero en realidad sólo cambiaría el fondo del blog.

    ResponderEliminar
  65. Potro estoy construyendo una plantilla de pruebas, en base a minima, pero al darle click en la imagen no cambia el fondo, el gadget esta sobre la sidebar no en un elemento html/Javascript podria deberse a eso?.. la url del blog es http://descargas-clanrusso.blogspot.com/ espero que puedas ayudarme.

    ResponderEliminar
  66. Efectivamente es por eso porque al guardarlo directo en la plantilla cambia la estructura del código y deja de funcionar.

    ResponderEliminar
  67. Ok umm pues entonces tendre que ponerlo en un gadget, aunque no quiera... ummm Gracias!!

    ResponderEliminar
  68. WOW!!! esta genial!...
    mmmm(tozo) esta interesante, ;D

    ResponderEliminar
  69. ¡Hola!. ¡Me encanta este gadget!. Lo apliqué aunque no se porque no funciona bien. Utilizo la plantilla sencilla del diseñador de Blogger. La imagen se cambia pero de de la mitad para abajo y de la mitad para arriba no, quedando la imagen de fondo por defecto. ¿Sabrás por que será?. ¿ Tendré que cambiar de platilla?. Gracias de antemano, ¡saludos!

    ResponderEliminar
  70. Hola Dai ♥,

    Sí es por la plantilla que usas pero no es necesario cambiarla, sólo busca en el código que has añadido esta línea:

    document.body.style.backgroundColor='none';"

    Y justo antes de ella agrega esto:
    document.body.style.backgroundRepeat='repeat';

    Esa línea que has buscado la encontrarás varias veces, sólo repite el mismo paso y listo.

    ¡Saludos!

    ResponderEliminar
  71. ¡Hola Potro nuevamente!.Muchas gracias por tu pronta respuesta y atención. Intente buscar el código que me nombraste pero no esta. Lo busqué con ctrl+f, expandiendo y no expandiendo artilugios y no esta :(.¡Saludos!

    ResponderEliminar
  72. Ese código estaba dentro del código del gadget :P
    Pero descuida, que ya he cambiado yo el código de la entrada para ponerle esa modificación y así no tengan ese problema con esas plantillas, sólo copia de nuevo el código y pégalo, ya deberá funcionar ;)

    ResponderEliminar
  73. Un cuack de patito para mi!, jaja XD.Lo he incorporado nuevamente el código pero me queda así otra vez :(.

    ResponderEliminar
  74. No pude ver la imagen porque dice que no tengo acceso, pero, acabo de probar el código de la entrada en una plantilla del Diseñador de Plantillas de Blogger y ha funcionado sin problemas :(
    ¿Exactamente cuál es la plantilla en la que te sale de esa manera?

    ResponderEliminar
  75. Ahí ya la hice de acceso público a la imagen. En el ejemplo de la imagen verás que instalé el gadget en la plantilla simple bordo (es de pruebas) aunque la que verdaderamente utlizé fue la primera que aparece en la fila para el estilo sencillo, la que tiene fondo celeste (también la comprobé sin ningún artilugio incorporado en esta última plantilla). Gracias Potro por tu amable predisposición y paciencia. ¡Saludos!

    ResponderEliminar
  76. Sin duda debe ser por la plantilla que usas, muy probablemente la parte que no se cambia es una parte de la plantilla que no es precisamente el fondo del blog sino que debe ser el fondo de otro contenedor y por eso no lo puede cambiar.
    Lamentablemente en esos casos cuando el fondo del blog no es completo no se aprecia bien el funcionamiento de este gadget :/

    ResponderEliminar
  77. excelente truco t felicito muchas gracias x todos tus aportes vales 1000

    ResponderEliminar
  78. Muy amable Lady Pink, te lo agradezco :)

    ResponderEliminar
  79. no ai unos efecto pero q cambie imagenes por cierto tiempo en un orden alterior o normal

    saludos - gtn

    ResponderEliminar
  80. No sé, al menos no conozco alguno que lo haga.

    ResponderEliminar
  81. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  82. Uchiha Madara preguntó si se podía cambiar una imagen de otra sección, no del body.

    He conseguido hacerlo. Sólo tienes que definir anter el ID del contenido en cuestión que quieres cambiar.

    Aquí pongo el código:


    */

    ResponderEliminar
  83. No aparece el código :( no sé por qué.

    ResponderEliminar
  84. Sí Pacheta, tienes razón. Antes pensaba que no se podía :(

    ResponderEliminar
  85. Tengo un problema, el color, solo se me ve a la mitad, mi blog : cristianelmaster14.blogspot.com/ ¿que pasa?, ¿porque se me pone asi?

    ResponderEliminar
  86. Yo lo veo funcionando bien. Recuerda que el script lo que hace es cambiar el fondo del blog, todo lo que no cambie es porque no es el fondo del blog.

    ResponderEliminar
  87. aaah! claro, ya entendi, bueno muchisimas gracias!!

    ResponderEliminar
  88. Oye esta excelente, pero por alguna razón no me deja poner las url con letras en mayúsculas.
    ¿hay solución para ese inconveniente?
    gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Habría que ver en cuál blog te sucede lo que mencionas.

      Eliminar
  89. Hola emiliafonti, para cambiar el color del texto sólo debes modificar la parte que dice color: que está también dentro de body {
    Si has puesto un fondo que ya no quieres sólo quita el código que hayas puesto.
    Saludos.

    ResponderEliminar
  90. Hola El potro , lo que yo quiero es que envesde puedan cambiar la imagen del fondo puedan cambiar el Header ,

    Desde ya , muchas gracias.
    Saludos.
    Kenzo.

    ResponderEliminar
    Respuestas
    1. No se puede en todas las plantillas, aun así puedes intentarlo. Cambia todos los:
      javascript:document.body

      Por:
      javascript:document.getElementById('header')

      O por:
      javascript:document.getElementById('header-wrapper')

      Eliminar
  91. Hola, buenísimo el gadget! Pero tengo un problema, cuando quiero agregar una sexta imágen me aparece el cuadradito para tocar, pero el fondo se me pone de color azul. El resto funciona perfectamente, tenés idea de qué puede ser? Mi blog es este: http://a-simple-muggle.blogspot.com.ar/
    Gracias :)

    ResponderEliminar
  92. Buenas Potro.
    Me encanta esta herramienta, pero querría saber si al igual que se puede modificar para elegir header, también lo puedo utilizar para variar una imagen fija en el lateral de la página (como hacer eso no lo encontré por aquí, asi que lo hice según estas instrucciones:
    http://elblogdelainformatica10.blogspot.com.es/2009/05/insertar-imagen-fija-en-blog.html )

    ¿Que me dices? ¿Alguna manera de conseguirlo?
    Gracias por adelantado,

    Alberto

    ResponderEliminar
    Respuestas
    1. Hola Alberto, supongo que se puede sólo si la imagen de tu header está en la plantilla y no en el gadget. Es cuestión de que identifiques el ID del header y luego apliques lo del comentario #99.1

      Saludos.

      Eliminar
    2. Está situada dentro del body, pero no se que ID tiene. Esto es lo que he escrito.

      <a><img alt='ir arriba' border='0' src='(URL)' style='position:fixed; bottom:0; right:0;'/>
      </a>

      PD: Perdón por ser cortito de entendederas. Aunque no lo parezca en mi foto (no se como ha llegado hasta ahí) soy rubio de corazón.

      Eliminar
    3. Hola de nuevo Alberto, para la imagen fija no creo que se pueda, al menos no con este script.
      Para el header necesitaría saber cuál es tu blog para ver cuál es el ID de tu header.

      Eliminar
  93. No me interesaba para el header, pero gracias de todas maneras :)

    ResponderEliminar
  94. habra la posivilidad de que se guarde la seleccion ? que elijan el fondo y que al cambiar de pagina o de seccion del blog siga con el fondo seleccionado

    ResponderEliminar
  95. Hola Potro!!
    Alguien sabe como poner una imagen con el nuevo html de blogger, no me aclaro!!

    ResponderEliminar
    Respuestas
    1. Todo es igual que siempre Borja, ¿qué pasos estás siguiendo?

      Eliminar
  96. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Hola liquido, debe haber algún script que las muestre al azar, o las cambie de orden, pero yo por ahora no tengo alguno a la mano, seguro en Google encuentras algún javascript que pueda servirte. Saludos.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger