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.