CREAR UN ROTADOR DE BANNERS PARA TU BLOG DE BLOGGER

CREAR UN ROTADOR DE BANNERS PARA TU BLOG DE BLOGGER

"BLOGS KIRADOBER"

Anteriormente vimos cómo poner un rotador de banners en el blog.
Ahora vamos a hacer uno pero que el banner muestre las imágenes al azar cada vez que un usuario entra a la página.

Sólo necesitamos un script y las imágenes de los banners, todas deben tener el mismo tamaño.

Abre un elemento HTML/Javascript y pega ahí esto:

 Un clic en “Diseño”

Clic en “Añadir un gadget”

Busca el widget que dice “HTML-Javascript” y ábrelo

Coloca el siguiente código en el interior

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

images = new Array;
images[0] = "URL del banner 1";
images[1] = "URL del banner 2";
images[2] = "URL del banner 3";
images[3] = "URL del banner 4";


links = new Array;
links[0] = "#";
links[1] = "#";
links[2] = "#";
links[3] = "#";

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

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

Agrega las URL de las imágenes donde se indica y si quieres que las imágenes tengan un enlace entonces agrégalo sustituyendo el signo de gato (#) por el link que le corresponde.

Incluso puedes agregar o eliminar más imágenes, sólo añade la línea que le corresponde.
Puedes ver un ejemplo en este blog de pruebas.

Al cargar la página se verá un banner, si presionas F5 cargará otra imagen.

NOTA: Las imágenes cargan al azar y es posible que más de una vez cargue la misma imagen.

Después de haber insertado el código, un clic en "Guardar"

 Data de la Publicación; 05-10-2019

 Fuente; ciudadblogger

 Publicado por;