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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmY1kgeiDdgn09RU0ooP0crCnOt-f51GbRY2meoxWHRVz9t2CgcGVf5VKFLGQ8F1fFtl4ig9nmEMPA77AwOZZ8iWTovUraw7lapCKS3ndSr0dIRBjNWTAhVuSapHRtlOuncYdXN_plleRL/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm6xiDSTiXQ7JHAB7gLVWZ58o1xBAXjwuSzDOHtCRa0JHQSuaFotMkBVMcHMiLhfChd9XHHeqq3NqXLfoiZ72JEeTtbRG2L5XVGuc5CRrSdjZIK9KUKKoB56ClDu6df4xCSHqIkxF-Amiq/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivalCVSAsNurvQVizviZ9kxhMY0i5wdHNTiJrQuWBU5HR_0hrSe6-z8P6dosywMF0xfUNwksSeYXN8C7B08zmF8JeJkeQFIKxUKOec557jBFrII2HLme836yFFJ1C3BvHsmbi_nKR4d2C9/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2pm_tVWmW7O0OjDWdyykmbuAb6SpBI6J1gzFUdPtE8cXQUwk8if6inEeDzYlsQ1-TfjeGhp4cYLl0v2ZIUelCGx2usq_zDUXBoxMzBC2yBnSocidLjjVwcefjKblsUV3dIblcVyjv0luy/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNFH2UYJ1jO2f1MYRyZJ-HrwsK6GnOY0qbjX5ZcLKF9Z5KW3F2WQwmHMhQ7B6qCxD3y5VMvMT8Y7YRhXdXo-BHZfdhp03egA1o6ANv7LxcjOHSUnFoT77xYDOd3mCoqqK7xSxna81n4IQw/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_XgTcrhDu5_K4VoKcdYL9Copx_843Ne7inaj5tCQ740xHLskguIJ5oPYmBkfmKI9gI0JIakRqB8K4e94Ifgnv1xCgzO_z6CeMUp_9DG9qshvaBqzu7FWLqpiljd0DwA0d9XXL7j5fLyW4/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy9wb2yeOOua0I0N_a2gLhXiaPxqpESvO7BuRHXnPqqcCfBPknA6kv_P_Yf0JtbQ6a9miVz6ZSFeFTjl4Jw0_tIvT8N9yhfOpnIHfch7Cnaxgc_rXTpr9oD0K-lNvn60UoIAPlw4C9fJ-K/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJqTuSCZn1p2kwU3Bs8RkoPGopswYnaUe7bo2iC6r91sY0_FAo40tgi9RKJmbLLeggjmnEy2bfQYbmkN6_sUKLYDqXh0ifXK-k8z_HURShZuQIYm-P7wmgqxj7Iw40UAzWkxtS7HC9tT-h/s200/body-blanco.png" /></a>
</center>
Si no te gusta con las imágenes de colores también puedes ponerlo como simple texto:
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.
Ciudad Blogger
Hola Potro, que way este truco, la verdad es que siempre me preguntaba como se podía hacer.
ResponderEliminarUn saludo!
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.
ResponderEliminarSaludos.
Eso funcionaria para mi.
ResponderEliminarA 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.
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:OOO Excelenteee Truco Potro, Buahahaha xD
ResponderEliminarGracias Por Compartir :PP!
El Venado, jajajaja, no hay que temerle al rosa, además ya son otros tiempos ;)
ResponderEliminarAscesino96, 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
Bueno, entonces el truco tendrá que esperar, jeje :)
ResponderEliminarGuau, 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ó...
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.
ResponderEliminarYa con el tiempo vendrán los comentarios.
Saludos.
Wow Potro!
ResponderEliminarEres El Cientifico de blogger!
lo maximo!
Esto lo nececito al maximO!
SALU2 100PRE SERAS EL REY DE BLOGGER!
Supongo que sí, en fin, tu eres el experto y el experimentado... ^.^
ResponderEliminarAveces 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...
Me encanto :D
ResponderEliminarBlogio, sólo soy un plebeyo :)
ResponderEliminarAscesino96, 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 ;)
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.
ResponderEliminarPerdón Borest, olvidé mencionarte que Rosa ya tiene la solución:
ResponderEliminarhttp://elescaparatederosa.blogspot.com/2010/02/recuperar-los-enlaces-de-navegacion-iii.html
Saludos.
Ntp, y gracias de nuevo.Saludos.
ResponderEliminarDe 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
ResponderEliminarExacto, en muchos blogs interactuar con los lectores es básico.
ResponderEliminarGracias por tu visita.
Excelente amigo, Justo es lo que buscaba. Das en el clavo en todos tus post. Muchas Gracias.
ResponderEliminarHola 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/
ResponderEliminarmuchas gracias varon
Lo malo es que el color con el que se guardo no permanece cuando actualizas el navegador
ResponderEliminarHola JORGE,
ResponderEliminarQué 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.
Hola Martín Mundaraín,
ResponderEliminarEse 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.
ayuda potro!!
ResponderEliminarañadi etiquetas expandibles y no se me muestran las entradas
pero las etiquetasd expandibles sirven a la perfeccion
ayudaaaa!
SALU2
pd el blog es:
ResponderEliminarhttp://blogstrello.blogspot.com
Estoy Epserando Tu Respuesta... :S
ResponderEliminarCiertamente no se ven tus entradas pero tampoco veo las etiquetas expandibles, o no sé a qué te refieras con expandibles.
ResponderEliminarcomo las tuyas y las de todos
ResponderEliminarasi con el + y -
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.
ResponderEliminarDe cualquier modo sólo deshaz el último truco que hayas hecho para que regresen tus entradas.
Saludos.
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
ResponderEliminarAhh, 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.
ResponderEliminarHola 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
ResponderEliminarHola Clan Russo,
ResponderEliminarNecesitaría ver qué plantilla es para decirte qué debes eliminar para sacar ese buscador y poner otro.
Saludos y suerte con los exámenes.
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
ResponderEliminarhola 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.
ResponderEliminarles 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.
ResponderEliminarHola berenice,
ResponderEliminarPara 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.
Hola el potro,me sirvió muchisimo tu ayuda,gracias y saludos.
ResponderEliminarQué bueno que ya está solucionado.
ResponderEliminarSaludos!
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...
ResponderEliminarun saludo
No que yo sepa :(
ResponderEliminarHola, 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.
ResponderEliminarGracias
En esta parte de la plantilla:
ResponderEliminar.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.
Hola, apliqué esto en mi blog, pero solo cambia el fondo como de un cuarto hacia abajo (una parte) mira: http://micasamiestilo.blogspot.com/
ResponderEliminarEspero me puedas ayudar, gracias
Hola LISA,
ResponderEliminarEso es porque tienes una imagen gradiente de fondo, si la quitas verás que el color ocupa todo el fondo.
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
ResponderEliminarSaludos
Hola, Potro, buenos días¡¡¡¡
ResponderEliminarNo 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
Hola Ío,
ResponderEliminarBuenos 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 :)
Menos mal¡¡¡¡¡ ya pensaba que tendría que cambiar algo; me acabas de hacer muy feliz, Potro, mil gracias.
ResponderEliminar(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
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.
ResponderEliminarTe agradezco mucho tus comentarios, ¡un beso!
como comenta jorge#20
ResponderEliminareste 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
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:
ResponderEliminarhttp://oloblogger.blogspot.com/2010/02/generar-y-recuperar-cookies.html
Hola añadi a ese cambio de colores en mi blog, pero la imagen del header some cuando elige un color. Que hago?
ResponderEliminarNo he entendido tu pregunta.
ResponderEliminarHola 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??
ResponderEliminar¡¡Muchas gracias!!
Sobre foros y su estructura no sabría decirte pues no conozco esas plataformas.
ResponderEliminarSaludos.
Ok, al menos lo hemos intentado;
ResponderEliminarGracias genio ;)
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:
ResponderEliminarCuando 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/
Jaja creo que ya lo logre nose como , pero lo logre. de todas maneras puedes reviarlo y decirme que te parece ;-)
ResponderEliminarMuchas gracias
Creo que ya lo logre, pero no se como jeje
ResponderEliminarde todas maneras puedes revisarlo y decirme que te parece
http://disenatumundo.blogspot.com/
En efecto ya está funcionando perfectamente :)
ResponderEliminarHola 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/)
ResponderEliminar¿sabrìas como lo hacen?,me gustarìa mucho implementar este truco jiji .
Un beso
Me temo que no, esos ya son programaciones más sofisticadas que simple scripts :(
ResponderEliminarAh, bueno no importa gracias igual Potro :D
ResponderEliminarUn beso
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 =)
ResponderEliminarwww.losdelsurmonteria.blogspot.com
Hola Julio,
ResponderEliminarPuedes cambiarlo en esta parte:
body{background-color: #005a04;
Ese es el color de fondo de tu plantilla y que puedes modificar por cualquier otro.
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.
ResponderEliminarAquí es:
http://laventanadewindows.blogspot.com/
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.
ResponderEliminarentonces no le puedo hacer nada? T_T
ResponderEliminarPues 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 :/
ResponderEliminarEsta muy bonito esto lo malo esque no se mantenga mientras el usuario va navegando por las páginas, si supieras como seria genial, gracias
ResponderEliminarEstoy 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.!!!!!!
ResponderEliminarQué gusto que ha sido de tu agrado Ady, que los disfrutes tú y tus lectores :)
ResponderEliminarMuy chulo, sencillo y quedón
ResponderEliminarGracias
Gracias a ti por tu visita!
ResponderEliminarGracias claro que si..!!
ResponderEliminarhola 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
ResponderEliminarEs 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 {
EliminarEste comentario ha sido eliminado por el autor.
EliminarDisculpame creo que no fui muy claro, abajo te dejo de nuevo mi pregunta un poco mas especifica
EliminarVER PREGUNTA
http://db.tt/7FWVj9dD
EliminarEn ese caso usa la condicional para aplicar el estilo del body para esa entrada en específico.
Eliminar<b:if cond='data:blog.url == "URL de la entrada"'>
<style>
body {
background:#ff0000 !important;
}
</style>
</b:if>
WOOO proto muchisimas gracias men sos lo mejor te debo una...
Eliminaryo 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???
ResponderEliminarSí, de hecho es la entrada siguiente a esta ;)
Eliminarhttp://ciudadblogger.com/2010/02/cambiar-imagen-de-fondo-del-blog.html
Hola muy buen truco, tengo una pregunta.
ResponderEliminarQuisiera 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.
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 :/
EliminarGracias por responder, si no es posible por ahora
Eliminarno 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.
Muy bueno y facil gracias Potro
ResponderEliminarHola 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.
ResponderEliminarmi blog.... www.ramirorosa.blospot.com.es
Gracias
Saludos
No comprendo C Y, ¿quieres que si se agranda la ventana también se agrande el ancho del blog?
EliminarEso 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.
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¿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.
EliminarSi no quieres que se vea el footer, entonces agrega esto en los estilos:
footer {display:none;}
.content {
margin-bottom: -30px !important;
}
Hola Potro, perdona por el error... es www.ramirorosa.blogspot.com.es
ResponderEliminarlo que quiero es eliminar los footer laterales (como para nombrarlos de alguna forma)
Gracias !
saludos
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).
EliminarAhora 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.
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.
ResponderEliminarP.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
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.
EliminarSi usas una plantilla del Diseñador entonces desde ahí puedes realizar esos cambios en los colores de esas áreas.
Saludos.
Gracias amigo.
ResponderEliminarHola Potro,
ResponderEliminarQuisiera hacerte una pregunta, si yo quisiera ponerlo como cuevana que tiene tipo un "menu desplegable" de colores, ¿Como tendria que hacerlo?
Saludos
Kenzo
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.
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola, ¿cómo lo estás intentado?
EliminarEste comentario ha sido eliminado por el autor.
EliminarNecesito 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?
EliminarSin mayores datos me es imposible saber cómo ayudarte.
Hola Potro. ¿Cómo estás?
ResponderEliminarNo 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
Hola Potro. ¿Cómo estás?
ResponderEliminarNo 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
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:
Eliminar<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.