Como Insertar Imágenes Aleatorias en Blogger

Hace unos días me preguntaba cómo poner imagenes aleatorias en blogger, por lo que aquí les explicaré a todos cómo hacerlo con un simple script de mano de Oloblogger.

Para poner este truco en nuestro blog seguimos estos pasos:

1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript. En él pegaremos el siguiente código:

Código a copiar/pegar

<script language="JavaScript">
function ver_imagen()
{
n=0;
this[n++]="URL imagen 1";
this[n++]="URL imagen 2";
this[n++]="URL imagen 3";
this[n++]="URL imagen 4";
this.N=n;
}
var imagen=new ver_imagen();
src= imagen[ Math.floor(Math.random() * imagen.N) ] ;
document.write("<img src="+src+">");
</script>

Sustituye URL imagen 1 por la URL de la imagen que desees.

Para añadir más imágenes fíjate en el código. Añade después de this[n++]="URL imagen 4"; este otro código y así sucesivamente:

this[n++]="URL imagen 5";

De esta forma, cada vez que se cargue el blog aparecerá una nueva imagen en el lugar que hayáis decidido poner este gadget. Así pues, esta forma de mostrar imágenes aleatorias se convierte en un truco blogger muy interesante para sorprender a tus lectores y visitantes.

Fuente: quierocrearunblog.com

0 comentarios:

Publicar un comentario

Publicaciones recientes

 

  © 2009 Crea tu Blog

True Contemplation Blogger Template by M Shodiq Mustika