Cambiar color de fondo del blog a opción del lector

18 de febrero de 2010 106 comentarios ,
Al igual que hemos visto cómo cambiar el tamaño de la letra del blog a elección del lector también podemos darle la opción de cambiar el color de fondo por el que él quiera.
Esto no es por otra cosa más que por hacer más interactivo el blog y que el lector no sólo pueda leer el contenido sino que pueda jugar con la apariencia del blog.

La forma de hacerlo es a través de una función Javascript que hará que con un click el color de fondo del blog (body) cambie, y funciona aun si tienes de fondo una imagen.
Puedes verlo funcionando haciendo click en cualquiera de los colores.


Para poner esta opción en tu blog entra en Diseño > Elementos de la página > Añadir gadget > HTML/Javascript, y ahí pega esto:
<div style="text-align:center;">¿No te gusta el color de fondo?
¡Cámbialo por otro!</div><br /><center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png" /></a>
</center>


Si no te gusta con las imágenes de colores también puedes ponerlo como simple texto:

Rojo | Amarillo | Verde | Azul | Morado | Rosa | Negro | Blanco


En ese caso el código a pegar es este:
<div style="text-align:center;">¿No te gusta el color de fondo?
¡Cámbialo por otro!</div><br /><center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';">Rojo</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';">Amarillo</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';">Verde</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';">Azul</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';">Morado</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';">Rosa</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';">Negro</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';">Blanco</a>
</center>

Puedes cambiar los colores por los que gustes, o agregar más colores, sólo debes agregar otra línea como esta por cada color que quieres agregar:
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';">Color</a>

Sólo cambia lo que está en color rojo por el código del color que quieres y pon el nombre del color donde se indica.

Lo mismo puedes hacer para cambiar los colores de los anteriores, sólo localiza el código del color, cámbialo y listo.


106 comentarios en:

" Cambiar color de fondo del blog a opción del lector "

  1. Hola Potro, que way este truco, la verdad es que siempre me preguntaba como se podía hacer.

    Un saludo!

    ResponderEliminar
  2. Supongo que habrá otros métodos, pero al menos este me parece sumamente fácil ya que no hay necesidad de agregar scripts muy elaborados.

    Saludos.

    ResponderEliminar
  3. Eso funcionaria para mi.
    A muchos no les gusta el color que tu eliges y lo quieren cambia, pues ahora se puede.
    Especialmente para las mujeres,pues yo no pondre el color rosa ni por error jaja.

    ResponderEliminar
  4. Muy bueno... mañana lo implemento, pero... se puede también usar el efecto con mi header? por ejemplo, cambiar la imagen del header y el background al pulsar uno de los botones? es que mi header tiene fondo de un color, el mismo que el del fondo, y bueno, se vería muy mal si cambio el fondo...

    ResponderEliminar
  5. :OOO Excelenteee Truco Potro, Buahahaha xD

    Gracias Por Compartir :PP!

    ResponderEliminar
  6. El Venado, jajajaja, no hay que temerle al rosa, además ya son otros tiempos ;)

    Ascesino96, sólo funciona para el body, aunque veré si luego encuentro una forma de poder cambiar también esos elementos.

    CяιsтιαиGσиzαlєz, gracias a ti por tu visita :D

    ResponderEliminar
  7. Bueno, entonces el truco tendrá que esperar, jeje :)
    Guau, recuerdas aquella vez que dije 300 seguidores... bueno, ahora tienes 390 y supongo que habrán pasado unas dos o tres semanas...
    Yo ni siquiera tengo 84, jajaj XD
    Tampoco tengo ni 20 comentarios en ninguna de mis entradas, jajaja, voy a poner una faviconera en el blog para rellenar un espacio que puse en el header, pero no se... porque todos irían allí y nadie querría pagar por el banner, jaja, mejor pongo algo como enlázame... y lo pongo con el efecto que tengo en mi header... ya me fui de tema...

    Espero que andes bien y por fin pude instalar cufón... bueno, alguien me ayudó...

    ResponderEliminar
  8. Por experiencia te digo que es más fácil que el blog tenga más visitas que comentarios. Puede tardar bastante para que la gente comente, pero lo importante es que tus visitas no bajen.
    Ya con el tiempo vendrán los comentarios.

    Saludos.

    ResponderEliminar
  9. Wow Potro!
    Eres El Cientifico de blogger!
    lo maximo!
    Esto lo nececito al maximO!
    SALU2 100PRE SERAS EL REY DE BLOGGER!

    ResponderEliminar
  10. Supongo que sí, en fin, tu eres el experto y el experimentado... ^.^
    Aveces me da una rabia que nadie comente en mis tutoriales... en los pinceles y los recursos no me da tanta, pero los videos, que me cuestan un montonaso hacerlos, nadie los comenta, por dios, si supieran el trabajo y sacrifisio que es estar poniendo los zoom y grabar el video sin errores, luego ponerle la música, la presentación, más tarde guardarlo como HD (demora como 20 minutos), luego, subirlo a youtube y más tarde y por último, publicarlo en el blog junto a su imagen final...
    Aunque en youtube estoy reciviendo bastantes visitas, yo quiero que sean en el blog... u.u

    Al fin y al cabo... dentro de un tiempo ojala que me comenten de a montones...

    ResponderEliminar
  11. Blogio, sólo soy un plebeyo :)

    Ascesino96, pues no lo hagas por los comentarios sino sólo por la satisfacción de compartir, lo demás solo vendrá.

    PepeX, qué bueno que te ha gustado ;)

    ResponderEliminar
  12. Esta bueno el truco, tu blog parece pollo con el amarillo xD, Oye potro ya veo que se acomodaron los links de entradas antiguas en tu blog cambiaste algo? Sludos.

    ResponderEliminar
  13. Perdón Borest, olvidé mencionarte que Rosa ya tiene la solución:
    http://elescaparatederosa.blogspot.com/2010/02/recuperar-los-enlaces-de-navegacion-iii.html

    Saludos.

    ResponderEliminar
  14. De lujo muy muy util!! muchisimas gracias esto es para que los lectores tambien interactuen y se sientan mas comodos en el blog, gracias por un excelente trabajo como siempre

    ResponderEliminar
  15. Exacto, en muchos blogs interactuar con los lectores es básico.
    Gracias por tu visita.

    ResponderEliminar
  16. Excelente amigo, Justo es lo que buscaba. Das en el clavo en todos tus post. Muchas Gracias.

    ResponderEliminar
  17. Hola amigo, necesito ayuda para mi blog De todo un Poco EL TIENE MUCHOS COLORES DE FONDOS, Y QUIERO QUE SEAN 2 NADA MAS, (EL DE FONDO QUE ES AZUL, Y QUIERO OTRO BLANCO) un ejemplo como este: http://www.elmejorcompartir.com/

    muchas gracias varon

    ResponderEliminar
  18. Lo malo es que el color con el que se guardo no permanece cuando actualizas el navegador

    ResponderEliminar
  19. Hola JORGE,

    Qué bueno que te ha servido. Quizá aplicando algunas cookies se podría hacer eso, aunque del tema de las cookies lo desconozco por completo. Por ahí vi unos posts de Oloman acerca de las cookies pero no me he atrevido a probarlas aun.

    Saludos.

    ResponderEliminar
  20. Hola Martín Mundaraín,

    Ese otro "color de fondo" que mencionas es un borde, puedes quitarlo buscando esta parte y eliminando lo que está en negrita:

    #wrap {
    background: #EEE;
    width: 960px;
    margin: 10px auto 10px;
    padding: 0;
    position: relative;
    border: 10px solid #333;
    }

    Saludos.

    ResponderEliminar
  21. ayuda potro!!
    añadi etiquetas expandibles y no se me muestran las entradas
    pero las etiquetasd expandibles sirven a la perfeccion
    ayudaaaa!
    SALU2

    ResponderEliminar
  22. pd el blog es:
    http://blogstrello.blogspot.com

    ResponderEliminar
  23. Estoy Epserando Tu Respuesta... :S

    ResponderEliminar
  24. Ciertamente no se ven tus entradas pero tampoco veo las etiquetas expandibles, o no sé a qué te refieras con expandibles.

    ResponderEliminar
  25. como las tuyas y las de todos
    asi con el + y -

    ResponderEliminar
  26. Ummm tal ves te estés confundiendo, yo no tengo etiquetas expandibles, ni en este ni en algún otro blog, y tampoco veo en tu blog que tengas etiquetas expandibles.
    De cualquier modo sólo deshaz el último truco que hayas hecho para que regresen tus entradas.

    Saludos.

    ResponderEliminar
  27. El se refiere (creo) a las entradas de las etiquetas, al hacer click por ejemplo, en la etiqueta Generadores, que las entradas se pueden contraer y expandir... tu las tienes

    ResponderEliminar
  28. Ahh, esas son entradas expandibles, de cualquier modo la recomendación es la misma, quitar el truco y revisar nuevamente dónde van los códigos para evitar que las entradas desaparezcan.

    ResponderEliminar
  29. Hola el potro la verdad es que este truco esta super interesante, ya vere si puedo implementarlo en el blog por ahora lo estoy renovando pero tengo una duda como puedo cambiar el buscador que ya viene por la plantilla por el personalizado de Google?? espero puedas ayudarme y perdon por no haber pasado por aqui antes es que he estado muy atareado por que estamos en periodo de examenes en la escuela

    ResponderEliminar
  30. Hola Clan Russo,

    Necesitaría ver qué plantilla es para decirte qué debes eliminar para sacar ese buscador y poner otro.
    Saludos y suerte con los exámenes.

    ResponderEliminar
  31. mUCHISIMAS GRACIAS EN UN MOMENTO TE ENVIO LA PLANTILLA PARA QUE CHEQUES QUE SE PUEDE HACER, ERES MI SALVACION POTRO OK ME VOY NECESITO ESTUDIAR

    ResponderEliminar
  32. hola quisieran contestarme esta pregunta ¿como puedo hacer para aplicar en mi blog el color morado pero sin que se vea el codigo del color,pues pobré en diseño añadi el gadget html/javascript y de todos los codigos de colores que hay,solo copie el del morado,me resulto pero resulta que cuando ingreso nuevamente esta todo del color anterior y tengo que dar click al cuadrito para recien ver el color,como hago para que sea permanente,ayudenme por favor ojala me hayan entendido,trate de explicarme lo mejor que pude,ojala y puedan ayudarme,pero desde ya estoy agradecida,gracias.

    ResponderEliminar
  33. les escribo por mi cuenta de google pues estoy en mi correo electronico pero ya que pasé por esta pagina y como tengo un blog(con mi otra direccion de correo)y bueno siempre quise ponerle un color de fondo a mi blog pero no se como,ojala me puedan ayudar y me puedan contestar pronto,mil gracias,oh por cierto muy lindo e interesante el blog,me sirve de mucho.

    ResponderEliminar
  34. Hola berenice,

    Para cambiar el fondo del blog de forma permanente tienes que entrar en Diseño > Edición de HTML y buscar al inicio de la plantilla esta línea:

    body {

    En esa área deberás encontrar algo como esto:
    background: #fff

    Eso que está en negrita es el código del color que debes poner para tu nuevo color de fondo.

    Saludos.

    ResponderEliminar
  35. Hola el potro,me sirvió muchisimo tu ayuda,gracias y saludos.

    ResponderEliminar
  36. Qué bueno que ya está solucionado.
    Saludos!

    ResponderEliminar
  37. Hola El Potro, me gustaria saber si se le puede cambiar el color de la letra, tamaño o tipo, a una etiqueta en concreto de 20 que tengo, no se si me explico bien...

    un saludo

    ResponderEliminar
  38. Hola, me podrias indicar porfis como hago para colocar en mi blog varios colores asi como el tuyo que los gadgets son blancos, el marco del blog es gris y el fondo gris oscuro.
    Gracias

    ResponderEliminar
  39. En esta parte de la plantilla:
    .sidebar .widget, .main .widget {

    Debajo puedes poner un color de fondo o un borde, por ejemplo:

    .sidebar .widget, .main .widget {
    background:#FF00FF;
    border:1px solid #000;

    Saludos.

    ResponderEliminar
  40. Hola, apliqué esto en mi blog, pero solo cambia el fondo como de un cuarto hacia abajo (una parte) mira: http://micasamiestilo.blogspot.com/

    Espero me puedas ayudar, gracias

    ResponderEliminar
  41. Hola LISA,

    Eso es porque tienes una imagen gradiente de fondo, si la quitas verás que el color ocupa todo el fondo.

    ResponderEliminar
  42. Muchas gracias. Si ya lo chequé y si funciona con otras plantillas, pero como las otras no me convencen, mejor lo dejé como estaba y quite la aplicación jeje

    Saludos

    ResponderEliminar
  43. Hola, Potro, buenos días¡¡¡¡
    No sabía donde hacerte esta pregunta, así que te la dejo aquí, aunque no sea el sitio apropiado.
    Verás, ayer, uno de mis lectores me hizo un comentario, y cito textualmente:
    "No quiero parecer muy crítico, pero lo que sí veo mejorable es el contraste entre el texto y el fondo, ya que ese gris casi se funde con el negro y dificulta mucho su lectura."
    Bueno, pues quería preguntarte si es verdad que mi blog se lee mal, nadie me ha dicho nada al respecto nunca, y yo tengo dos ordenadores con SO diferentes y en ambos se ve bien, con Internet explorer y con Mozilla.
    No sé que contestarle, la verdad es que no sé si será un problema de su navegador, del mío, de la configuración de su pantalla.....¿¿??
    Entra y miralo, si me haces este favor, y dime q que puede deberse el que esa persona lo vea "mejorable", (esta es una de las pocas cosas que no he modificado en la plantilla, el color de las entradas es el que viene en la Eclipse original, y no creo que nadie haga una plantilla que resulte borrosa o dificultosa de leer¡¡¡¡¡)
    Espero tu respuesta, que sé que la habrá jejejejejej, hasta entonces te deseo un buen día, te envío un abrazo y besos, muchos besos para ti.

    El enlace al blog:
    http://lasendadelarosadormida.blogspot.com/

    Ío

    ResponderEliminar
  44. Hola Ío,

    Buenos días.
    He entrado a tu blog y el texto lo veo perfectamente legible, si bien es muy común que blogs con fondo negro sean difíciles para la lectura en tu blog no es el caso. Es más difícil de leer cuando hay un fondo negro y las letras son blancas, pero esa tonalidad de gris creo que no lastima la vista para nada y se puede leer sin mayor dificultad.
    Es probable que la resolución del monitor de tu lector esté mal configurada y no lo sabe (o no lo quiere saber) pero ahí no puedes hacer nada.
    No creo que tengas de qué preocuparte a menos que sean muchos lectores quienes consideren que es ilegible el texto, pero sino es así no creo que haya ningún problema.

    Muchas gracias por los besos, otros tantos para ti :)

    ResponderEliminar
  45. Menos mal¡¡¡¡¡ ya pensaba que tendría que cambiar algo; me acabas de hacer muy feliz, Potro, mil gracias.
    (Le comentaré esto al lector, a ver qué opina, ea, si si)

    Siempre me asombra la rapidez con que respondes, no en todos los sitios de ayuda lo hacen, que lo sé yo, y menos con tanta cortesía.
    Por todo ello te daré siempre las gracias, de verdad que eres un sol.
    Un beso, Potro

    Ío

    ResponderEliminar
  46. Es que sé lo que se siente pedir ayuda y que no te respondan o te tengan a la espera por días (eso mata a mi ansiedad), es por eso que procuro no demorarme mucho aunque muchas veces me es imposible.

    Te agradezco mucho tus comentarios, ¡un beso!

    ResponderEliminar
  47. como comenta jorge#20

    este gadget está muy bien pero cuando cierras la página y la vuelves a abrir sale de nuevo el color original.

    ¿es posible de alguna manera, mantener tu elección del color aunque sea con cookies?

    gracias de antemano

    ResponderEliminar
  48. Aún no he tenido tiempo de aprender sobre las cookies, pero si te animas aquí hay una entrada de Oloblogger que habla al respecto:
    http://oloblogger.blogspot.com/2010/02/generar-y-recuperar-cookies.html

    ResponderEliminar
  49. Hola añadi a ese cambio de colores en mi blog, pero la imagen del header some cuando elige un color. Que hago?

    ResponderEliminar
  50. Hola ElPotro, he puesto este código en un foro, y el problema es que solamente se cambia de color el marco externo, sabrías que hacer para que se cambia todo, al igual que en el blog??
    ¡¡Muchas gracias!!

    ResponderEliminar
  51. Sobre foros y su estructura no sabría decirte pues no conozco esas plataformas.
    Saludos.

    ResponderEliminar
  52. Buenísimo esto, me viene perfecto ya que mi blog se llama Diseña tu mundo y con esto le permito a los visitantes pues en pequeña parte diseñar el blog ¿no?. Pero tengo un problemita:

    Cuando se le da click a los colores me lleva directamente a una ventana que dice: Configurar HTML/JavaScript

    Si me puedes ayudar te lo agradecería mucho

    http://disenatumundo.blogspot.com/

    ResponderEliminar
  53. Jaja creo que ya lo logre nose como , pero lo logre. de todas maneras puedes reviarlo y decirme que te parece ;-)

    Muchas gracias

    ResponderEliminar
  54. Creo que ya lo logre, pero no se como jeje
    de todas maneras puedes revisarlo y decirme que te parece

    http://disenatumundo.blogspot.com/

    ResponderEliminar
  55. En efecto ya está funcionando perfectamente :)

    ResponderEliminar
  56. Hola Potro!! muy buen truco ¡ Gracias!!! y (para no perder la costumbre te hago ua consulta jeje). Notè ue en algunos blogs, tienen una imagen y abajo tienen la opciòn de cambiar el color ,pero sòlo de la imagen( por ejemplo: http://www.estilovinilos.com/decoracion-vinilos-mini-nombres-24/vinilo-nombre01-213/)
    ¿sabrìas como lo hacen?,me gustarìa mucho implementar este truco jiji .
    Un beso

    ResponderEliminar
  57. Me temo que no, esos ya son programaciones más sofisticadas que simple scripts :(

    ResponderEliminar
  58. Ah, bueno no importa gracias igual Potro :D
    Un beso

    ResponderEliminar
  59. Hola amigo disculpa, tan solo me gustaria cambiar el fondo de mi blog por un color como hago por fa, ayudame saludes y visitanos un abrazo =)

    www.losdelsurmonteria.blogspot.com

    ResponderEliminar
  60. Hola Julio,

    Puedes cambiarlo en esta parte:

    body{background-color: #005a04;

    Ese es el color de fondo de tu plantilla y que puedes modificar por cualquier otro.

    ResponderEliminar
  61. Oye Potro, tengo un problema, cuando añadí esto a mi blog resulta que bien lo cambia el color de fondo, pero solo cambias de un sitio para abajo, es decir, deja una franja arriba el todo con el color original, y no sé que le pasa.

    Aquí es:

    http://laventanadewindows.blogspot.com/

    ResponderEliminar
  62. En esas plantillas la imagen de fondo se resiste a ocultarse, y digo se resiste porque el script tiene la instrucción de que no se muestre cuando se aplica el color.

    ResponderEliminar
  63. entonces no le puedo hacer nada? T_T

    ResponderEliminar
  64. Pues no se me ocurre qué más se pueda hacer, en el otro, en el que se cambia por una imagen tenía ese mismo problema pero le hice una modificación y sí se pudo solucionar, pero con este por más que le doy vueltas no veo cómo :/

    ResponderEliminar
  65. Esta muy bonito esto lo malo esque no se mantenga mientras el usuario va navegando por las páginas, si supieras como seria genial, gracias

    ResponderEliminar
  66. Estoy muy contenta con este tip.. lo he cambiado deacuerdo a las fechas de festejo y queda genial muchas gracias.. algun otro que me aconsejes para mi blog??? :P jejeje saludos y nuevamente graaaaciaaasss.!!!!!!

    ResponderEliminar
  67. Qué gusto que ha sido de tu agrado Ady, que los disfrutes tú y tus lectores :)

    ResponderEliminar
  68. hola potro un saludo muy grande desde colombia, me gustaria saber como lo puedo implementar pero que lo haga automatico sin necesidad de presionar ningun enlace o boton gracias

    ResponderEliminar
    Respuestas
    1. Es necesario que se haga click sobre él, sino el script no sabrá qué color debe mostrar. Si lo que quieres es cambiar el fondo del blog entonces debes hacerlo en el área de body {

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
    3. Disculpame creo que no fui muy claro, abajo te dejo de nuevo mi pregunta un poco mas especifica

      VER PREGUNTA

      Eliminar
    4. En ese caso usa la condicional para aplicar el estilo del body para esa entrada en específico.
      <b:if cond='data:blog.url == &quot;URL de la entrada&quot;'>
      <style>
      body {
      background:#ff0000 !important;
      }
      </style>
      </b:if>

      Eliminar
    5. WOOO proto muchisimas gracias men sos lo mejor te debo una...

      Eliminar
  69. yo lo logre pero estaba viendo bien el codigo y sera qe puedo también cambiar la imagen de fondo agregando una imagen en lugar de un color???

    ResponderEliminar
    Respuestas
    1. Sí, de hecho es la entrada siguiente a esta ;)
      http://ciudadblogger.com/2010/02/cambiar-imagen-de-fondo-del-blog.html

      Eliminar
  70. Hola muy buen truco, tengo una pregunta.
    Quisiera saber si puediera hacer ese cambio
    en el fondo de las entradas y en el texto .
    Por ejemplo digamos crear 2 opciones:
    modo nocturno: fondo negro y cambiar color de letra
    modo diurno: fondo blanco y cambio de color de letra

    Espero que no sea mucha molestia.
    Gracias antetodo por la ayuda a los nobs como yo.

    ResponderEliminar
    Respuestas
    1. No sabría decirte Ginsou, tal vez si el script en vez de aplicarse al body se crea la función .getElementById() y ahí pe pones el ID del contenedor de las entradas, pero ahora mismo no se me aclara cómo sería el código :/

      Eliminar
    2. Gracias por responder, si no es posible por ahora
      no hay remedio seguire en modo nocturno.
      Gracias de todas maneras, sigue así
      eres una gran ayuda para los que no sabemos
      mucho ó nada en Html.

      Eliminar
  71. Hola Potro ! Gracias por tu ayuda... estuve buscando y no encontre la forma de eliminar el fondo... es decir que el borde del encabezado sea el limite con la pantalla y que todo se agrande o estire proporcionalmente... que no quede el recuadro blanco (en mi caso) en el blog.... busque info pero no encontre nada... te agradeceria la ayuda.
    mi blog.... www.ramirorosa.blospot.com.es
    Gracias
    Saludos

    ResponderEliminar
    Respuestas
    1. No comprendo C Y, ¿quieres que si se agranda la ventana también se agrande el ancho del blog?
      Eso se hace usando plantillas cuyos contenedores están en porcentajes y no en pixeles, o con plantillas del tipo "responsive web design", pero cuando la estructura del blog está llena de imágenes (como la tuya) se vuelve todo muy complejo para aplicar ese tipo de estilos.

      Eliminar
  72. Hola otra vez ! me parece que no me explique bien.... lo que me gustaria eliminar es el espacio (fondo) que queda entre el final de mi plantilla y el marco de la pantalla.... parece que no hubiera por que es todo blanco pero lo que quiero conseguir es que tanto el head como el resto del blog lleguen de punta a punta del ancho de la pantalla... es posible ??? mil gracias ! TU BLOG HA SIDO IMPRESCINDIBLE PARA PODER ARREGLAR MI BLOG ! SALUDOS

    ResponderEliminar
    Respuestas
    1. ¿Sabes qué pasa? que el enlace que dejaste está mal, si abres ese enlace abre otra página, una de anuncios, y apenas ahora he notado que está mal la URL, por eso no estaba viendo tu blog, sino otro sitio.
      Si no quieres que se vea el footer, entonces agrega esto en los estilos:

      footer {display:none;}
      .content {
      margin-bottom: -30px !important;
      }

      Eliminar
  73. Hola Potro, perdona por el error... es www.ramirorosa.blogspot.com.es
    lo que quiero es eliminar los footer laterales (como para nombrarlos de alguna forma)
    Gracias !
    saludos

    ResponderEliminar
    Respuestas
    1. Hola de nuevo C Y, es lo mismo que te decía en el primer comentario que te respondí: para que la plantilla se expanda al ancho de la ventana tienes que usar una de las plantillas que te mencioné (con porcentajes o Responsive Web Design).
      Ahora mismo tu plantilla tiene un ancho fijo (como la mayoría), si haces la ventana del navegador más pequeña verás que ese espacio disminuye hasta que desaparece, si la haces más ancha se agranda también el espacio. Para que eso no suceda tendrías que usar un tipo de plantillas como esas para que el ancho se expanda según el ancho de la ventana del usuario.

      Eliminar
  74. Hola El potro , buscando otra cosa me he encontrado con esta entrada y me parece muy interesante.Por lo que entiendo es para el fondo del blog.Yo como habras visto tengo slider de fotos y me van bien.Me preguntaba si esto mismo se podria aplicar solo al fondo de las entradas porque yo lo tengo en gris y hay gente que me dice que lo ven mal con el fondo de la entradaen gris y la letra amarilla.Un saludo y gracias.


    P.D. ¿se puede cambiar el color de fondo de algún gadget en concreto ? yo lo tengo con fondo negro y hay cosas que no se me ven.Gracias

    ResponderEliminar
    Respuestas
    1. Hola francisco, quizá lo más conveniente es que cambies los colores de tu plantilla en lugar de usar algún tipo de gadget como estos.
      Si usas una plantilla del Diseñador entonces desde ahí puedes realizar esos cambios en los colores de esas áreas.

      Saludos.

      Eliminar
  75. Hola Potro,
    Quisiera hacerte una pregunta, si yo quisiera ponerlo como cuevana que tiene tipo un "menu desplegable" de colores, ¿Como tendria que hacerlo?

    Saludos
    Kenzo

    ResponderEliminar
    Respuestas
    1. Supongo que tendrías que armar un menú con esas opciones, pero no lo he hecho así que no sabría darte una indicación exacta.

      Eliminar
  76. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. Hola, ¿cómo lo estás intentado?

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
    3. Necesito datos más exactos, como por ejemplo, si lo estás haciendo directo en la plantilla ¿en qué parte lo estás modificando? ¿qué valores estás poniendo? ¿has probado con otro navegador?
      Sin mayores datos me es imposible saber cómo ayudarte.

      Eliminar
  77. Hola Potro. ¿Cómo estás?
    No se donde poner estas preguntas, ruego por ello que me perdones al ponerlas aquí.

    Vuelvo otra vez a necesitar de tu generosa y desinteresada ayuda. Me pasa que llevo tiempo que en el blog que llevo te adjunto la dirección http://www.sanbartolomedemontoro.com/ en lo que es el menú, el trocito de su fondo tenia el mismo color que la plantilla es decir marroncito y últimamente esta del mismo color que la entrada es decir, beig; no logro por ningún medio que vuelva a su color. Me gustaría que por favor me ayudaras.

    Luego por favor Potro también pedirte que me digas como puedo poner
    este cuadrado donde estoy escribiendo en una entrada de mi blog.
    Muchísimas gracias Potro.
    María Dolores

    ResponderEliminar
  78. Hola Potro. ¿Cómo estás?
    No se donde poner estas preguntas, ruego por ello que me perdones al ponerlas aquí.

    Vuelvo otra vez a necesitar de tu generosa y desinteresada ayuda. Me pasa que llevo tiempo que en el blog que llevo te adjunto la dirección http://www.sanbartolomedemontoro.com/ en lo que es el menú, el trocito de su fondo tenia el mismo color que la plantilla es decir marroncito y últimamente esta del mismo color que la entrada es decir, beig; no logro por ningún medio que vuelva a su color. Me gustaría que por favor me ayudaras.

    Luego por favor Potro también pedirte que me digas como puedo poner
    este cuadrado donde estoy escribiendo en una entrada de mi blog.
    Muchísimas gracias Potro.
    María Dolores

    ResponderEliminar
    Respuestas
    1. Hola Maria Dolores, no he comprendido qué quisieras poner en la entrada, un área de texto similar al del formulario de comentarios? si es así puedes ponerlo de este modo:

      <textarea rows="8" cols="50">

      Aquí el texto que quieras

      </textarea>

      El fondo de tu menú lo puedes cambiar así:
      .art-menu {
      background: #000;
      }

      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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger