Para aquellos que quieren tener siempre un fondo diferente en el blog pueden usar este truco que hará que cada vez que alguien entre al blog o se recargue la página cambie la imagen de fondo del blog.
Sólo tienes que entrar a Diseño > Edición de HTML y pegar antes de </head> lo siguiente:
<script type='text/javascript'>
var banner= new Array()
banner[0]="URL de la imagen"
banner[1]="URL de la imagen"
banner[2]="URL de la imagen"
var random=Math.floor(3*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background: #FFFFFF url("' + banner[random] + '"); background-attachment:fixed;');
document.write(" }");
document.write("</style>");
</script>
Ya sólo agrega las URL de las imágenes donde se indica. Si deseas agregar más imágenes puedes hacerlo repitiendo la línea:
banner[3]="URL de la imagen"Tomando en cuenta el orden consecutivo del número.
Si agregas más imágenes cambia el número que se encuentra en:
3*Math.random()
Te recomiendo que uses imágenes pequeñas para que la carga de la página sea más rápida.
En el sitio Squidfingers puedes encontrar muchos patterns (patrones) de imágenes que puedes usar para tu blog.
Puedes ver un ejemplo funcionando en este blog de pruebas, sólo presiona la tecla F5 y verás que al recargarse la página cambiará la imagen de fondo del blog.
Para saber cómo cambiar el color de fondo del blog aleatoriamente visita este artículo.
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
29 comentarios:
Hola El Potro™, hace varios días que paseo por tu blog y la verdad, está de lo más divertido ^_^
Me pregunto si querrías hacer un intercambio de links con
el balcón. También es un blog de ayuda blogger =D
Espero tu respuesta. ¡¡Saludines!!
Por supuesto Jaime, para mí es un honor.
Lo que necesites estoy a tus órdenes. Ya te he agregado.
Saludos.
El Potro™, ¡muchísimas gracias por incluirme! Ya te agregué a mis sitios amigos. ^_^
¡Saludos!
Gracias a ti Jaime, saludos.
hola el potro no se si te diste cuenta cuando entrate a mi blog que tengo una caja para ingresar a blogger desde ahi mi problema es que la tenia por que no se veia la navbar pero ahora ya lo solucione y quiero quitar esa caja sabes como puedo hacerlo el post donde lo decia lo encontre en tu blog pero lo estuve buscando mucho tiempo y no lo encontre saludos
ah y una ultima pregunta ¿por casualidad tienes trucos para metroflog?? espero que puedas ayudarme con este problema
hola el potro wuju por fin solucione mi problema yo solo ia no necesite ayuda esta vez pero gracias por los exelntes trucos que tienes en tu pagina
Hola It's Notice,
Qué bueno que ya lo solucionaste. De Metroflog no sé nada, ni siquiera tengo una cuenta ahí =S
Saludos.
Hola bro! además de felicitarte por este nuevo truco, quiero hacerlo por como te ha quedado el "Elige cómo estar cerca de la Ciudad"
La verdad que esta muy bonito... es mas, es una gran solución para evitar hacer lo que tuve que modificar en mi blog. Si se me hubiese ocurrido antes, no tendría que haber agregado las sidebars extras.
Este blog cada día me gusta mas!!!!!!!!!!
Un abrazo!!!
Hola brother,
Muchas gracias por tus comentarios, la verdad es que tenía muy disperso los feeds y el correo, así que mejor lo uní todo en uno, aunque no me gustaron los botones que hice =P ya cuando regrese de vacaciones haré otros con más tiempo, y por qué no, hasta un par de diseños para que todos puedan usarlos.
Las columnas que agregaste de cualquier forma son útiles, ya si más adelante te estorban las eliminas y cuando tengas otra blogger-depresión las agregas de nuevo, jaja.
Un abrazo.
ola potro oie muy buenos post, una pregunta, se puede poner un index en el blog? de antemano gracias
Hola Jonathan,
No sé a qué te refieras con index. En Blogger el gadget de etiquetas y el de archivos del blog funcionarían como un índice.
Saludos.
Jajajajajajaja!!! esto de vincular el estado de ánimo con el blog creo que no va a ser buena idea... Si sigo así, voy a tener que pagar a alguien, pero no para que me haga los post, sino para que todos los dias me modifique la plantilla. jajajajja.
La verdad que no sabía que los botones los habías hecho tu. Si es así, tengo que felicitarte también por eso, ya que te han quedado muy bonitos.
Un abrazo!!!!
jajaja, se va a poner de moda la blogger-terapia, pero si le vas a pagar diario te vas a ir a la quiebra, jaja.
Un abrazo.
Jajajajajajjajajajaja!!!!!
Es verdad, voy a tener que ir pensando de donde sacaré tanto dinero!! ;)
Un abrazo!!!!
hola! sabes que me gustaria poner un banner aleatorio en mi pagina, estube viendo el codigo fuente de la pagina prueba y copie el codigo random, solo que no se si hay que pegarlo en el HEAD y llamarlo luego en el lugar que quieras. si es asi, como lo llamo? gracias! juanolivi@gmail.com lo necesito enseriO! :(
Hola MundoPelicula©,
Si quieres que las imágenes cambien al azar usa este tutorial:
Banner aleatorio
Ese tutorial está pensado para hacer cambiante la cabecera del blog pero también puedes usar el mismo código para un banner cambiante.
Saludos.
Hola Potro.
¿Sabes si es posible que la imágen de fondo del blog cambie al hacer click sobre otra Entrada y tener así un fondo de blog diferente y específico para cada Entrada?
Mil gracias
Hola ABRIL,
Al hacer click sobre una entrada cambiará al azar la imagen de fondo, pero será al azar, no una imagen específica para cada entrada o viceversa.
Saludos.
Vale. Gracias
Hola, amigo la verdad que desde que cree mi blog este es el truco que he mas buscado por que lo ne cesito... y siempre no me funciona....
1: Las imagenes se ven pero nomas cuando le doy a Vista PRevia pero luego se quita
2: Dices que es de fondo verdad pues la imagen me salen en el fondo de las entradas osea no atras. como por ejemplo
3djuegos.com si me ayudaras a terminar con esto Pues no se seria muy beuno XD
Hola RD-JUEGOS,
Imposible que se vea en Vista previa, ya que ningún script (como en este caso) funciona en la Vista Previa sólo guardando los cambios.
En tu blog no funciona por el tipo de plantilla que tienes, ahí no creo que haya nada que se pueda hacer =(
Saludos.
Hola El Potro!! Excelente blog ^^
Llegué aqui buscando algo parecido a lo que explicas... verás, me gustaría que el fondo cambiara automáticamente por horas (por ej, por la noche el fondo es de estrellas, de día hay un amanecer... cositas así), ¿crees que se puede hacer?
Saludos!!
Hola Nazareth,
Desconozco si haya un script que permita hacer eso. Si encuentro alguna información te comento.
Saludos.
Muchas gracias =)
He seguido las instrucciones, pero no resulta. Debo hacer algo más?
En esta parte de tu plantilla:
body {
background: #000000 url(http://img706.imageshack.us/img706/6171/backgroundredt.jpg) repeat-x top center !important;
Tienes la declaración !important, eso significa que no hará caso a ningún otro cambio sino que ese fondo con esas propiedades será el que tendrá siempre.
Para que el script pueda tener la facultad de poder cambiar el fondo tendrías que quitar esa declaración.
Muchas gracias, ahora funciona el cambio al azar. Sin embargo, el fondo se repite, cómo puedo cancerlar aquello para que sólo se muestre una imágen.
Busca esta parte:
document.write(' background: #FFFFFF url("' + banner[random] + '"); background-attachment:fixed;');
Y cámbiala por esta otra:
document.write(' background: #FFFFFF url("' + banner[random] + '"); background-attachment:fixed; background-repeat:no-repeat;');
Ahí mismo verás el código del color de fondo en blanco (#FFFFFF) puedes cambiarlo por otro si quieres.
Oh! muchas gracias, queda de maravilla.
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.