Hacktime

Que seria de la web sin este blog

Banner Aleatorio en Blogger beta

Posted by yaju en octubre 29, 2006

Bien he vuelto!!!
Bueno les traigo un nuevo hack, se trata de un banner aleatorio, pueden ver un ejemplo en mi blog «WebHacker» haciendo click en actualizar o recargar dependiendo del navegador o presionando F5 bueno vamos al punto (o a la coma), este hack no los trae Gabriel

Colocamos el siguiente codigo debajo de <body>

<script type=»text/javascript»>

var banner= new Array()

banner[0]=»http://tubanner.jpg»
banner[1]=»http://tu_otro_banner.jpg»
banner[2]=»mas_mas_banners.jpg»
banner[3]=»http://no_crees_que_son_muchos_banners.jpg»
banner[4]=»http://mas_banners_para_tu_blog.jpg»
var random=Math.round(4*Math.random());

document.write(«<style>»);
document.write(«#header {«);
document.write(‘ background:url(«‘ + banner[random] + ‘») no-repeat left TOP;’);
document.write(» }»);
document.write(«</style>»);

</script>

Lo que necesitas cambiar:

  1. La URL de tus graficos
  2. Si tienes otro o mas banners añade banner[X]=»http:añade_otro_banner.jpg»(«X» corresponde a el numero del banner correspondiente)
  3. Si en el caso de añadir otro banner y realizar el paso 2 debemos cambiar Math.round(X*Math.random());

Por el numero de banners que tenemos en total.

2 respuestas to “Banner Aleatorio en Blogger beta”

  1. steppenwolf said

    Es lo que estaba buscando, pero se me presentó un inconveniente: ¿Cómo hago para que no me muestre el título del blog sobre el banner?
    Gracias

  2. Xevi said

    Me parece magnífico el script. De todos modos dónde se ubica la URL de destino? Es decir, es útil para banners inactivos, ¿pero como hacer si se quiere que cada uno apunte a su URL de destino?

Deja un comentario