Código para exibição aleatória de banners

Fui procurada pelo Patrick Nogueira, do blog Boas Promoções, para conhecer um script desenvolvido por ele que tem a função de randomizar a exibição de banners na sidebar.

O Patrick me pediu para publicar o script aqui no Dicas Blogger, a fim de compartilhá-lo com um maior número de usuários. Como achei a idéia interessante, principalmente para quem  utiliza o sistema de parcerias com banners, resolvi escrever o post.  Com este script, os blogs parceiros irão aparecer de forma aleatória, a cada nova exibição de página.

Não entendeu? Então vamos para um exemplo: quero exibir na minha sidebar os banners de 10 blogs diferentes; o primeiro é o blog 1, o segundo é o 2, o terceiro é o 3 e assim sucessivamente. O blog 10 vai ficar lá no final da fila, certo? Errado. Com o script do Patrick, ele irá aparecer em uma nova posição toda vez que a página for atualizada.

O procedimento para inserir o script no blog é bem simples. Copie o código abaixo, cole no bloco de notas e substitua as partes em vermelho pelo código de cada banner a ser exibido. Depois, copie o código editado e cole na sidebar em html/javascript.

<script type="text/javascript">

function randOrd()

{

return (Math.round(Math.random())-0.5);

}

function randBan(){

var parceiros = new Array();

parceiros[0]='CÓDIGO DO BANNER';
parceiros[1]='CÓDIGO DO BANNER';
parceiros.sort( randOrd );

for(i=0;i<=parceiros.length-1;i++) document.write(parceiros[i] + '<br>');

return;

}

randBan();

</script>

Vou dar um exemplo, usando os banners do Dicas Blogger e do blog Boas Promoções:

<script type="text/javascript">

/* Esta função irá fazer o randômico dos banners */

function randOrd()

{

return (Math.round(Math.random())-0.5);

}

/* Função que irá escrever os banners na tela*/

function randBan(){

var parceiros = new Array();
/* Aqui colocamos a quantidade de banners para rotacionar. Você pode criar de parceiros[0] até parceiros[N] */
parceiros[0]='<a href="http://www.boaspromocoes.com.br" target="_blank"><img border="0" src="http://img34.imageshack.us/img34/9468/56072301.gif" title="As melhores promoções da internet"/></a>';
parceiros[1]='<a target="_blank" href="http://dicasblogger.blogspot.com/" title="Dicas Blogger"alt="Dicas Blogger"><img src="http://lh6.ggpht.com/ekosterapia/SJQh02kmhBI/AAAAAAAABnE/Bxr3ACrLRoo/s144/banner.png" style="border: 1px solid #000000" /></a>';
//Aqui iremos randomizar a posição dos banners

parceiros.sort( randOrd );
//Aqui iremos escrever os banners em sua ordem aleatória

for(i=0;i<=parceiros.length-1;i++) document.write(parceiros[i] + '<br>');

return;

}

randBan();

</script>

O código também pode ser visualizado aqui.

Eu testei e funciona! Qualquer dúvida referente à instalação do script, deve ser encaminhada ao seu desenvolvedor. Os elogios podem ser encaminhados pra nós dois ( lol )

Fote da Postagem