Cómo instalar Headers o cabezeras aleatorias

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en trucos blogger. ! Ve la entrada en su blog original.

Headers aleatorios.

Con este truco tendremos la posibilidad de mostrar diferentes headers (cabeceras del blog) cuando cada vez que actualices el blog.

Lo primero de todo debemos tener las imágenes que vallamos a poner en los headers preparadas.

Las subimos a un servidor de imágenes, o a blogger, esto nos servirá.
Importante! si ya tenemos una imágen en la cabecera, debemos eliminarla, si no lo hacemos, nos "tapará" las otras.

Ahora vamos a diseño-edición HTML- expandir plantilla de artilugios, y lo pegamos donde vemos muchas "llaves" como esta } por ejemplo con los headers quedaría bién.

#header {
background:#476 url("http://www.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat left bottom;
margin:0 0 0;
padding:0 0 8px;
color:#fff;
}

Colocamos este código antes de </head> (aunque también funciona en un gadget o elemento html-javascript que encontrarás en la parte de Diseño.)

<script type="text/javascript">
var banner= new Array()
banner[0]="URL DE IMAGEN"
banner[1]="URL DE IMAGEN"
banner[2]="URL DE IMAGEN"
banner[3]="URL DE IMAGEN"
banner[4]="URL DE IMAGEN"
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>

Este código puede mostrar 5 imágenes de cabecera.