Banner aleatorio para blogger y cualquier web sin editar el HTML de tu plantilla

Alternativa: Banner aleatorio con vinculos individuales
Este javascript nos sirve para poner un baner o banner rotatorio que cambia cuando damos clic a algún vínculo del sitio.

Me costo un poco de trabajo activarlo debido a que blogger funciona de una manera rara a veces y arreglar las comillas y tildes de la secuencia de comando para hacerlo funcionar.

Esta es una versión alternativa al script de Freeyasoul, lo mejor de esta versión es que no requieres modificar el HTML de tu plantilla de blogger, sino que funciona con el sistema de diseño de blogger, también puede ser usado en cualquier web dentro de la etiqueta BODY.

El siguiente código es el Script que necesitas copiar, pero mejor descarga el txt con el código en formato unicode para evitar errores:

<script type="text/javascript">
var banner= new Array()
banner[0]="http://tusitio/baner-1.jpg"
banner[1]="http://tusitio/baner-2.jpg"
banner[2]="http://tusitio/baner-3.jpg"
var random=Math.floor(3*Math.random());
document.write("<style>");
document.write("#cgnauta {");
document.write(' background:url("' + banner[random] + '") no-repeat top center;'); document.write(" }");
document.write("</style>");
</script><div id="cgnauta" style="widht:460px;height:70px;"></div>

Como agregar más imágenes:
Cada que agregues una imagen recuerda agregarle un número nuevo de manera descendente para cada variable banner[n]:

banner[4]="http://tusitio/baner-4.jpg"

banner[5]="http://tusitio/baner-5.jpg"

Luego en la variable "n *Math.random" será igual al número de banners que tengas.
Por ejemplo; para el caso de que fuera banner[5] el último banner, tendrías que poner:

(6 *Math.random()).

Alto y Ancho
No se olviden de modificar el tamaño de widht y height de la propiedad Style, en mi caso era para un banner de 460 x 70 pixeles, esto determinará el tamaño del div que debe ser igual o mayor al de la imagen.

Modifica el ID dentro del script y el style si quieres usar diferentes scripts
Pueden agregar dos o más scripts en diferentes partes de su web usando divs, pero cada script deberá forzosamente que tener un ID diferente si se encuentra en la misma página:

Script 1: ("#cgnauta {") y de id="cgnauta"

Script 2: ("#banerdos {") y de id="banerdos"

Si ustedes quieren el mismo script en varias partes, no es necesario copiarlo entero, sólo asigna el ID a otro DIV, por ejemplo en un agdget HTML/Jascript pega:

<div id="cgnauta" style="widht:460px;height:70px;"></div>

Sube tus imágenes a tu web u picasa
En su cuenta de Picasa u otro servicio suban sus banners y remplacen la ruta de la imagen de cada banner[n]="http://tusitio/baner.jpg" por la de los suyos.

*Las imágenes subidas a Blogger directamente no les servirán para esto. Es mejor copiar la ruta directa desde Picasa.

El banner estará centrado
Sí el baner por defecto está configurado para centrarse, si deseas cambiarlo dentro del código del script modifica:

document.write(' background:url("' + banner[random] + '") no-repeat top center;');

Sí por ejemplo es a la derecha y abajo pon bottom right, si es a la izquierda y abajo bottom left o a la izquierda y arriba top left, etc.

En blogger agregamos el script

Vayamos a nuestra cuenta de Blogger y en la ficha Diseño, pulsamos Add gadget en el sector del diseño donde desean que aparezca el script y en la ventana que se abre elijan HTML/Javascript:
Peguen el código y pulsan sobre "Guardar cambios" y ya estuvo, parece más complicado de lo que es, pero si hay problemas para eso están los comentarios.

Resultado: