21 de janeiro de 2009

Imagem aleatória no cabeçalho do Blogspot


Antes de começar, a primeira coisa que você precisa fazer é checar no painel de controle do Blogger, dentro das opções de Elementos da página, se o seu template permite a inclusão de novos elementos no cabeçalho. Feito isso, vamos ao que interessa:

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

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 da 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 em vermelho 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...

Créditos: UsuarioCompulsivo

Seja o primeiro a comentar

Postar um comentário

Twitter

Seguidores

Comentários recentes

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina

  ©Template by Dicas Blogger, modificado por InfoBlogui.

TOPO