Suscríbete gratis por:

agregar a favoritosAñádeme a tus favoritos

Crea tu blog paso a paso:

SEO para Blogger

Fideliza a tus lectores

Consigue más visitas

Gana dinero con tu blog

Haz que tu blog no parezca un blog

Dominio propio para Blogger

Si eres blogger házte seguidor



Imágenes aleatorias en blogger



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

Para poner este truco en vuestro blog seguid 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.

8 comentarios:

nittamar dijo...

Super tus explicaciones! Muy sencillas así que fáciles de entender. Muchas gracias por compartir lo que sabes.

Jorsh dijo...

Ola gracias por este post me ayudo pero si le quiero darle una tamaño fijo a todas las imaganes al azar como seria?
Saludos!!

Luisiroth dijo...

Gran entrada, muy útil y sencilla. Por otra parte me gustaría saber si hay alguna manera de que las imágenes vayan acompañadas de un texto concreto. Gracias y un saludo!.

eraser dijo...

hola! seria la leche ya, si explicaras la forma de poner un enlace en esas imágenes

gracias anticipadas y un saludo!

AdriánNSSN dijo...

Hola, también me gustaría ponerle un enlace a cada imágen, por favor ¿cómo se haría eso?

Por cierto, muy buena página! :-)

Javier dijo...

gracias hombre, de verdad no sabia que se podìa hacer esto pero me serà muy ùtil

Patrick Lovecraft dijo...

muy util, pero sería posible que todas las imagenes tuviesen el mismo ancho para que no sobresalgan de la sidebar?

gracias

Gabriella Yu dijo...

¡Buenísimo! ¡Muchas gracias!




NORMAS PARA COMENTAR:

1) Si no encuentras lo que buscas emplea el buscador.
2) Si quieres preguntar algo, primero asegúrate que tu comentario guarda relación con la temática de la entrada.
3) Si tu pregunta no encaja en ninguna entrada mándame un e-mail en contacto situado a pie de página para preguntarme lo que necesites.
4) Trata de expresarte bien. Explica correctamente tu problema, y por favor, no escribas en mayúsculas ni emplees lenguaje SMS. Escribir correctamente es gratis.
5) No hagas SPAM. Comentarios breves con la unica intención de dejar la dirección de tu blog será considerado SPAM.
6) No se permiten descalificaciones ni faltas de respeto hacia ningún usuario.

Si no se cumplen estas seis normas el comentario será ignorado y/o borrado.
Respetando estas normas ganamos todos, conseguimos un mayor orden y ayuda para los nuevos visitantes. Gracias por tu comprensión.


Publicar un comentario en la entrada

 
 
 
ir arriba