Como exibir uma imagem aleatória no cabeçalho do Blogger

FONTE: Usuário Compulsivo

Prepare as imagens que pretende usar, elas devem ter exatamente o mesmo tamanho entre sí e a mesma largura total do seu template. Hospede-as e anote a URL de cada uma delas.

Nas opções de ELEMENTOS DE PÁGINA remova o cabeçalho original do seu template. Em seu lugar inclua um novo Gadget do tipo HTML / JavaScript com o conteúdo abaixo, adaptando as informações destacadas conforme o caso:

<script language="JavaScript"> var quotes=new Array() quotes[0]='<a href="http://SEU_BLOG.blogspot.com"><img alt="NOME DO BLOG" src="http://URL_DA_IMAGEM1.jpg"/></a>' quotes[1]='<a href="http://SEU_BLOG.blogspot.com"><img alt="NOME DO BLOG" src="http://URL_DA_IMAGEM2.jpg"/></a>' quotes[2]='<a href="http://SEU_BLOG.blogspot.com"><img alt="NOME DO BLOG" src="http://URL_DA_IMAGEM3.jpg"/></a>' var whichquote=Math.floor(Math.random()*(quotes.length)) document.write(quotes[whichquote]) </script>

Basicamente é isso...