Cabeçalho que muda ao recarregar a página

Ohayou! Não, não abandonei este blog, nem nada do género. Mas como não me apetece perder tempo com desculpas, vou diretamente à explicação desta postagem. No meu layout atual, e num free que disponilizei há algum tempo, recorri a um tutorial exclusivo meu que permite ter um blog com vários cabeçalhos. Não em simultâneo, claro, mas eles mudam (sendo a ordem aleatória) sempre que se recarrega a página. É muito simples, só se trabalha com gadgets e com urls, e o número de cabeçalhos que podem colocar não tem limites. Cliquem em ler mais para ver a prévia :)

Prévia: www 

{o link leva a um dos layouts em que usei esse tuto, experimente carregar a página lá}

Tutorial

1) Primeiro, no seu HTML, procure por <b:widget id='Header1' locked='true' title='SEU BLOG (Cabeçalho)' type='Header'/> (onde diz SEU BLOG é o nome do seu blog, não se esqueça de substituir ao procurar com Ctrl+F) e troque o que está em negrito por false. Depois, vá ao Esquema do blog, e clique em Cabeçalho » Remover » Guardar.

2) Por baixo do espaço do cabeçalho {vulgo, AQUI}, adicione um gadget HTML/Javascript sem título e cole nele o seguinte código:

<div class='varios'>

<div style="position: relative; margin-top: -15px; margin-left: -5px; margin-right: -100px; margin-bottom: -15px;"/>

<script language="JavaScript"> var quotes=new Array()

quotes[0]='<a href="LINK-DO-BLOG"><img alt="NOME" src="CABEÇALHO1"/></a>'

quotes[1]='<a href="LINK-DO-BLOG"><img alt="NOME" src="CABEÇALHO2"/></a>'

var whichquote=Math.floor(Math.random()*(quotes.length)) document.write(quotes[whichquote])

</script> </div> </div>

Se quiser mais cabeçalhos além de 2, basta repetir após </a>' a parte que diz o seguinte, trocando o que está em negrito pelo número:

quotes[1]='<a href="LINK-DO-BLOG"><img alt="NOME" src="CABEÇALHO"/></a>'

Claro, os primeiros números que aparecem no código servem para posicionar o cabeçalho, exige alguma paciência, mas é bem simples. Só isto ^^