Imagen de cabecera aleatoria

1- 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'/>
2- Ahora tienes que ir al diseño de tu blog y agregar un nuevo elemento HTML/JavaScript
<!-- CODIGO DEL SCRIPT DE IMAGEN ALEATORIA -->
<script language="javascript" type="text/javascript">
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
</script>
<!-- FIN DEL SCRIPT DE IMAGEN ALEATORIA -->
3- Guardamos los cambios y agregamos nuevamente un elemento HTML/JavaScript con este codigo, debe estar justo debajo del anterior.
<!-- PARTE II: SCRIPT IMAGEN ALEATORIA -->
<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>
<!-- PARTE II: FIN DE SCRIPT PARA IMAGEN ALEATORIA -->
4- Y listo, debes subir tus imagenes y colocarlas donde dice "Url de imagen". Ahora si quieres colocar mas cabecera solo copia la linea cambiandole el valor randhdr por el numero de imagen.

Etiquetas de Technorati: blog,widget,blogger,imagenes