Imagenes aleatorias al pie del blog

Lo que lograremos con esto es que se muestre una imagen “al azar” o aleatoria como lo quieran llamar que aparecera al pie del blog como en esta imagen
Imagenes al azar en blogger
y aparecera una diferente cuando recarguen la pagina, se puede lograr de una forma muy facil y te puede servir para dejar imagenes por ejemplo como de deja tu comentario u otras.
Primero que todo como siempre guardamos una copia de nuestra plantilla, y copiamos el siguiente codigo antes de </body> casi al final de la pagina

<script language=”JavaScript”>
imagen = new Array(1)
imagen[0] = “<img style=”position:fixed; bottom:0; right:0; ” src=”IMAGEN 1“/>”
imagen[1] = “<img style=”position:fixed; bottom:0; right:0;” src=”IMAGEN 2“/>”
imagen[2] = “<img style=”position:fixed; bottom:0; right:0;” src=”IMAGEN 3“/>”
imagen[3] = “<img border=”0″ style=”position:fixed; bottom:0; right:0;” src=”IMAGEN 4“/>”
imagen[4] = “<img style=”position:fixed; bottom:0; right:0;” src=”iMAGEN 4“/>”
aleatorio = Math.random() * (imagen.length)
aleatorio = Math.floor(aleatorio)
document.write(imagen[aleatorio])
</script>

simplemente debemos agregar la direccion de la imagen en “imagen 1” “imagen 2″…
Y si queremos agregar mas simplemente agragamos otra linea de estas despues de la ultima imagen
imagen[Numero siguiente] = “<img style=”position:fixed; bottom:0; right:0;” src=”direccion imagen“/>”
Y si queremos cambiar la ubicacion de las imagenes de la derecha hacia la izquierda sustituimos donde dice style=”position:fixed; bottom:0; right:0;” y lo cambiamos el right por left.

2 comentarios en “Imagenes aleatorias al pie del blog”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *