Imagenes aleatorias al pie del blog

2

Posteado en

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:

Favicon añadido a El Blog de Nico.
Saludos :D

gracias niko.
saludos!

Publicar un comentario

No dudes en dar tu opinion ni en preguntar, recuerda suscribirte a mi Feed