Imagem principal (header) aleatória

Para que sua imagem principal mude sempre a cada vez que seu visitante entra no blog é algo um pouquinho trabalhoso, mas relativamente simples.
Veja AQUI o resultado, claro que ao entrar você terá que clicar na tecla F5 do seu teclado para que a imagem modifique.



Leia tudo

A primeira coisa a fazer é salvar um desses dois quadradinhos em seu PC. Se o fundo de seu Blogger for branco, salve o quadradinho branco, se for preto, o preto, se for de outra cor, bom, faça um quadradinho então no paint do seu pc na cor de seu blog.
*Atenção onde o salvará, precisaremos dele em instantes.





















Agora vá até "Elementos de página" em seu Blogger e abra o cabeçalho (onde está o título de seu blog)










Clique em procurar para encontrar o quadradinho que vc salvou a pouco.
Deixe selecionado "Em vez de título e descrição"








Aí está o quadradinho.
Agora salve.







Agora clique em "Adicionar um novo elemento de página"
ao abrir a janela clique em "HTML/Javascript"
Adicione aí o código abaixo. Coloque o endereço de suas imagens e salve.





<script language="javascript" type="text/javascript">
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
</script>
<script language="javascript" type="text/javascript">
var randHdr = randRange(1,4);
if (randHdr == 1) {
document.write('<img src="AQUI O ENDEREÇO DE SUA IMAGEM">')
} else if (randHdr == 2) {
document.write('<img src="AQUI O ENDEREÇO DE SUA IMAGEM">')
} else if (randHdr == 3) {
document.write('<img src="AQUI O ENDEREÇO DE SUA IMAGEM">')
} else if (randHdr == 4) {
document.write('<img src="AQUI O ENDEREÇO DE SUA IMAGEM">')
}
</script>






Agora arraste o widget do cabeãlho para baixo e coloque o widget com suas imagens para cima modo que ele fique acima dos outros widgets.