Exibir frases aleatórias no Blogger

Um gadget que eu acho muito bacana, é aquele que permite-nos exibir frases aleatórias nas páginas de nossos blogs. Isso significa que a cada vez que as páginas forem carregadas, uma nova frase será mostrada ao visitante.

Para colocar esse gadget, é super simples. Entre em "layout" e clique em "adicionar gadget". Escolha o gadget "html/javascript" e cole o código abaixo:

<div style="border-left: 5px solid #ccc; padding:6px; font-style: italic; ">
<script language="JavaScript">
citas = new Array(4)
citas[0] = "FRASE 0 "
citas[1] = "FRASE 1"
citas[2] = "FRASE 2"
citas[3] = "FRASE 3"
citas[4] = "FRASE 4"
aleatorio = Math.random() * (citas.length)
aleatorio = Math.floor(aleatorio)
document.write(citas[aleatorio])
</script></div>

Onde está escrito FRASE, substitua pelas frases que você deseja exibir em seu blog. É possível colocar quantas frases quiser; para tanto repita a seguinte linha:

citas[0] = "FRASE 0 "

Substitua [0] pelo número subsequente, ou seja, 4, 5, 6 e assim sucessivamente.

Para mudar a o tipo de borda, cor de fundo e etc, é só alterar o CSS desta outra parte:

border-left: 5px solid #ccc; padding:6px; font-style: italic;

Vejam um exemplo que encontra-se em um outro blog meu:

Para colocar a borda em todo o espaço, use o código assim:

 <div style="border: 5px solid #ccc; padding:6px; font-style: italic; ">
<script language="JavaScript">
citas = new Array(4)
citas[0] = "FRASE 0 "
citas[1] = "FRASE 1"
citas[2] = "FRASE 2"
citas[3] = "FRASE 3"
citas[4] = "FRASE 4"
aleatorio = Math.random() * (citas.length)
aleatorio = Math.floor(aleatorio)
document.write(citas[aleatorio])
</script></div>

A parte que assinalei em vermelho é a da cor. Para trocá-la é só usar uma tabela de cores. A parte assinalada em azul se refere à espessura da borda.