Descrição aleatória abaixo do título no Blogspot

Muita gente tem me perguntado como exibir uma descrição aleatória abaixo do título no cabeçalho dos blogs hospedados no Blogspot, cada vez que uma nova página é carregada.

Por incrível que pareça, este recurso é muito fácil de implementar e talvez você nem precise mexer no código html do seu template, para configurar os biscoitos da sorte no seu blog.

Antes de começar, você precisa verificar se é possível incluir novos elementos no cabeçalho, através do painel de controle do Blogger nos Elementos de página, conforme a imagem abaixo:

Verifique se existe a opção Adicionar um Gadget no seu cabeçalho

Se ainda não houver a opção Adicionar um Gadget no cabeçalho do seu template, aplique o tutorial compulsivo Como adicionar imagens no topo do Blogger, antes de prosseguir.


Descrição aleatória abaixo do título no Blogspot

1. A primeira coisa a fazer é remover qualquer descrição que você esteja usando. Isso pode ser feito, nas opções de configuração básica do painel de controle ou nas configurações do cabeçalho nos elementos de página:

1. Remova qualquer descrição previamente configurada

2. Ainda na aba Layout do Painel de controle, dentro da opção Elementos de página, adicione um novo Gadget do tipo Html / JavaScript no cabeçalho do seu blog:

2. Adicione um novo Gadget Html / JavaScript

3. Deixe o título do Gadget em branco e no conteúdo, cole o código abaixo, adaptando as frases que deseja exibir aleatoriamente no cabeçalho do seu blog:

<div class="description">
<script language="JavaScript">
var quotes=new Array()
quotes[0]='Preencha com a frase engraçada #0'
quotes[1]='Preencha com a frase engraçada #1'
quotes[2]='Preencha com a frase engraçada #2'
var whichquote=Math.floor(Math.random()*(quotes.length))
document.write(quotes[whichquote])
</script>
</div>

3. Cole o JavaScript adaptado com os seus biscoitos da sorte ;-)

Você pode colocar quantos biscoitos da sorte quiser, para isso é só duplicar a última frase e incrementar a contagem no início da linha. Boa sorte...

Veja também: Imagem aleatória no cabeçalho do Blogspot

Imagem: C.P.Storm