Inicio > Tutoriales > Header aleatorio para wordpress y blogger

Header aleatorio para wordpress y blogger

diciembre 31, 2008 Deja un comentario Go to comments

Modificando un theme para agregarle la función de tener headers aleatorios, me encontré con un script bastante sencillito y que nos facilita la tarea para no tener que agregar un plugin más. Aquí os lo dejo por si hay alguno interesado.

<script type=”text/javascript”>
var banner= new Array()
banner[0]=”http://tubanner1.jpg
banner[1]=”http://tubanner2.jpg
banner[2]=”http://tubanner3.jpg
banner[3]=”http://tubanner4.jpg
var random=Math.round(3*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 está en azul lo reemplazas por el url de tus imágenes.
Si quieres agregar más banners, solo agrega una nueva linea y le cambias el banner[3] por banner[4] y lo mismo haces con el 3* que está en rojo por 4*

Sirve tanto para blogger como para WordPress.

Enlaces: Fuente Original

Anuncios
Categorías:Tutoriales
  1. abril 16, 2010 en 10:07 pm

    Excelente información, aunque no fuí capaz de hacerlo funcionar (seguramente algo habrán cambiado en el funcionamiento de blogger y si, soy consciente de la fecha… :P)

  2. mayo 14, 2010 en 3:18 am

    se puede hacer esto con un header en flash?

    • DK
      mayo 17, 2010 en 8:37 pm

      Con flash no he probado nada. Todo es probar y lo mismo hay suerte.

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: