Imagenes en el fondo del blog al azar

Hola! en esta entrada les enseñaré un truco para que cada vez que alguien entre a nuestro blog o se recargue la página cambie la imagen de fondo del blog.

- Sólo tienes que entrar a Plantillas > Edición de HTML > Continuar 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>

- Solamente falta agregar 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"

- Siguiendo el orden consecutivo del número.
- Si agregas más imágenes cambia el número que se encuentra en:

3*Math.random()

Recomiendo que usen imágenes pequeñas para que la carga de la página sea más rápida.

Puedes encontrar muchos patterns (patrones) de imágenes que puedes usar para tu blog en --> Squidfingers <--.