Imagens Aleatórias com link

**Ryu** Qua Jul 01, 2009 8:57 pm

Imagens Aleatórias com link

Uma boa maneira melhorar seu blog é fazendo parcerias, mas às vezes colocar muitos banners na pagina inicial do blog fica pesado demais, faz demorar muito para carregar, uma boa alternativa é usar um código que mostra banners aleatoriamente, o script para fazer isso é assim:

Código:: <script language="JavaScript"> hoje = new Date() numero_de_imagens = 3 segundos = hoje.getMilliseconds() numero = segundos % numero_de_imagens if (numero == 0){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 1){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 2){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } document.write('<p align="center"><a href="' + site +'"target="_blank"><img src="' +imagem + '"border="0"><a></p>')</script>

Você só precisa colocar os links e endereços das imagens nos lugares indicados. Para aumentar o numero de opções, copie e cole esse trecho da ultima opção e cole logo abaixo dela, apenas continuando a contagem, ou seja, troque o numero 2 por 3, 4, 5 e assim por diante para quantos banners quiser usar. Depois que terminar de colocar os banners veja nesta linha:

numero_de_imagens = 3

O numero 3 que está aqui é o numero de opções, quer dizer uma a mais que o numero do ultimo banner, afinal começamos a contagem do 0, então se o ultimo banner das opções for numero 10, coloque 11 no lugar do 3. Por exemplo se fosse colocar 8 banners com links neste código, ele ficaria assim:

Código:: <script language="JavaScript"> hoje = new Date() numero_de_imagens = 8 segundos = hoje.getMilliseconds() numero = segundos % numero_de_imagens if (numero == 0){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 1){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 2){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 3){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 4){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 5){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 6){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } if (numero == 7){ imagem= "ENDEREÇO DA IMAGEM" site="URL DO SITE" } document.write('<p align="center"><a href="' + site +'"target="_blank"><img src="' +imagem + '"border="0"><a></p>')</script>

Tenha muito cuidado com os números, pois se repetir algum nas opções de banner ou não modificar o numero total o código não funcionará corretamente. Depois de pronto coloque esse código pela página layout, adicionar gadget, html/javascript e cole o código, e já está pronto, cada vez que alguém visitar seu blog irá ver um banner diferente sorteado aleatóriamente. Veja também como colocar imagens normais(sem link) ou frases aleatórias no blog.