martes, junio 06, 2006

HOWTO: Header aleatorio.

Ya van dos personas que me lo preguntan, así que de una vez le dedicaré un post: habrán notado que cada vez que visitan este humilde blog o le dan un refresh a la página la imagen del header cambia de forma aleatoria, realmente no es difícil hacerlo, y solo requiere un conocimiento mínimo sobre el template de su blog, la edición del mismo y también un poquitín de HTML.

A continuación les pongo el magic code, es un simple javascript el cual por supuesto no escribí yo (me lo fusilé del template anterior de la página de Yzak, quien a su vez lo copió de otro lado xD):

<!-- Inicio del Script de la imagen de Cabecera -->

<center>
<br><br>
<script language="JavaScript">
<!--

/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="http://foo.com/foo/header1.jpg"
myimages[2]="http://foo.com/foo/header2.jpg"
myimages[n]="http://foo.com/foo/headern.jpg"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>
</center>

<!-- Fin del Script de la imagen de Cabecera -->


Simplemente tienen que insertar el código en la sección de su template en donde esté localizado su header actual, y modificar la sección "myimages" de acuerdo a la dirección url de las imágenes que quieran mostrar en forma aleatoria.

Recomendaciones: No todos los templates son iguales, si van a modificar el suyo asegúrense de respaldarlo (copienlo todo en un archivo de texto) por si algo no funciona y quieren deshacer los cambios, utilicen el botón preview siempre antes de guardar cualquier modificación y no se desesperen si no queda como quisieran a la primera, hay métodos alternos para hacer lo mismo. Google is your friend!

Por favor comenten acerca de esto, si hay algo que deseen explicado más a fondo háganmelo saber. ¡Diviértanse!

2 comentarios:

Carlos Salas Cuastle dijo...

Okas, gracias R\*/M, es muy generoso de tu parte. Saludos y que estes bien.

Anónimo dijo...

chale... a ver si me sale en mi nuevo templete...

ya le contaré...

ladykubricka.blogspot.com