Colocar un rotador de banners al azar en Blogger

Colocar un rotador de banners al azar en Blogger

Alberto Lozano 1 / septiembre / 2010 Blogger 4 comentarios    5 visitas
Publicidad

Bueno para el rotador de banners es muy fácil de colocar, gracias a El Potro por este truco.
En este truco se basa en un script que nos va a mostrar los banners al azar cada vez que visiten nuestra página o refresquen la pagina con F5.

Primero nos vamos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript y pegamos lo siguiente:

<script language=”JavaScript”>
var imagenumber = 3;
var randomnumber = Math.random();
var rand1 = Math.round( (imagenumber-1) * randomnumber);

images = new Array;
images[0] = “Url de la imagen del banner 1“;
images[1] = “Url de la imagen del banner 2“;
images[2] = “Url de la imagen del banner 3“;

links = new Array;
links[0] = “#“;
links[1] = “#“;
links[2] = “#“;

var image = images[rand1];
var link = links[rand1];
</script>

<script>document.write(‘<a href=”‘+link+'”><img style=”border: 0px;” src=”‘+ image +'”></a>’)</script>

Ahora solo cambiamos lo que está en rojo, la url de la imagen del banner, y donde vemos el signo de “#” ahí tenemos que poner el enlace donde quieras que se dirija el banner o si no quieres que tenga enlace solamente lo dejamos como esta.

Si queremos agregar más banners tendremos que cambiar lo siguiente:

Tenemos que cambiar donde dice var imagenumber = 3; por el número de banners que quieres colocar, luego tenemos que agregar otra línea images[3] = “Url de la imagen del banner 4”; y por ultimo agregamos otra línea más abajo links[3] = “#”; y así consecutivamente si queremos agregar más.

Para que los banners con enlace se abran en otra pestaña o ventana, solamente remplazamos:

<a href=”‘+link+'”>

Por este:

<a href=”‘+link+'” target=”blank”>


Aclaración:
Puede que los banners se carge la misma imagen más de una vez
.

Publicidad

4 Comentarios en 'Colocar un rotador de banners al azar en Blogger'

Deja tu comentario

  • Nombre:
    E-mail:
    URL: (opcional)