Cabecera aleatoria

E sto no lo he probado aún, lo haré con los aportes que he recibido ;) pero como todavía no lo he probado, no se si funciona correctaemnte con esta plantilla, y lamentablemente no he tenido tiempo para ponerlo en marcha pero ya lo haré y se darán cuenta obviamente.
Este truco lo encontré en el blog de Gem@, asi que supongo que es suficiente garantía de que funciona, pero hay que ver como se comporta esta plantilla.
Bueno aquí va la explicación.

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

Buscamos en la plantilla <!-- Blog Header --> y después de <div id="blog-header"> pegamos este código:
Este es el código para cambiar la imagen de la cabecera o banner del blog:

<script language='JavaScript'>
<!--
/*
Random Image Link Script
By Website Abstraction (http://www.wsabstract.com)
and Java-scripts.net (http://www.java-scripts.net)
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="http://URL DE LA IMAGEN"
myimages[2]="http://URL DE LA IMAGEN"
myimages[3]="http://URL DE LA IMAGEN"
//specify corresponding links below

var ry=Math.floor(Math.random()*(myimages.length-1))+1
document.write(\\\'<img src="\\\'+myimages[ry]+\\\'"></a>\\\')
}

random_imglink()
//-->
</script>

O en su defecto, si no esncontramos lo anterior, lo pegamos donde deseamos aparezca el banner.

Por último donde dice http://URL DE LA IMAGEN pondremos la URL de nuestra imagen tantas veces como imágenes deseamos poner.
Entonces, cada vez que entremos a la página veremos la cabecera con una imagen diferente

---

Actualización
Acá les dejo otro método:
1- Tener las URL de las imágenes
2- Buscar y borrar el siguiente codigo (ya no se mostrara el titulo en la cabecera
<b:widget id='Header1' locked='true' title='Titulo del Blog (cabecera)' type='Header'/>
3- Agregar un nuevo elemento HTML en el diseño de la plantilla, agregando lo siguiente:
<!-- CODIGO PARA IMAGEN ALEATORIA -->
<script language="javascript" type="text/javascript">
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
</script>
<!-- FIN DEL CODIGO IMAGEN ALEATORIA -->

4- Guardamos y agregamos otro elemento HTML que debe estar justo debajo del anterior, con este código:

<!-- CODIGO PARA IMAGEN ALEATORIA II -->
<script language="javascript" type="text/javascript">
var randHdr = randRange(1,3);

if (randHdr == 1) {
document.write('<img src="URL IMAGEN 1">')
} else if (randHdr == 2) {
document.write('<img src="URL IMAGEN 2">')
} else if (randHdr == 3) {
document.write('<img src="URL IMAGEN 3">')
}
</script>

<!-- FIN CODIGO PARA IMAGEN ALEATORIA II -->

5- Donde dice URL IMAGEN, debemos sustituirlo por las imágenes que deseamos y pronto.
6- Si querés agregar más imágenes solo tenés que copiar :
else if (randHdr == X) {
document.write('<img src="URL IMAGEN X">')
}
Y tenés que cambiar la X por el número de imágen, según la cantidad que vallas agregando.


Seguir Leyendo...[+/-]