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

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

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

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 )

29 Comments
Comments
  1. Oi, Juliana! Eu ainda não coloco banners nos blogues, mas achei uma ideia excelente, pois não há necessidade de ocupar um espaço enorme da sidebar só para mostrá-los. Boa semana!

    ResponderExcluir
  2. Oba! O primeiro a comentar, ahahhahaha.
    Bom, eu já tinha visto isso num outro blog (cujo nome não me recordo), e num dos posts do autor, ele disse que havia esse script no blog dele, e quem não acreditasse era pra dar f5 (atualizar) e ver que realmente mudou, mas, eu apertei F5, umas 10 vezes e num mudo nada, então nem peguei o script com ele.
    Mas, como esse script vem de você, Juliana, vou usar agora, pois sei que irá funcionar,

    Obrigado por ajudar os *noobs, rsrsrs

    ResponderExcluir
  3. Otimo post, muio legal e util...
    Mas eu queria saber se tem algum jeito de colocar um banner só mas que em cada atualizaçao este banner fosso diferente??
    Existe algum jeito??

    ResponderExcluir
  4. nossa que legal.. e parece ser fácil.. pq eu não entendo de nada..rsss.. vou tentar.....

    parabéns pelo post...

    ResponderExcluir
  5. Sempre que eu tinha um novo parceiro, eu pegava a imagem do BANNER dele e salva vá no meu PC, assim se o Banner desse algum arro a culpa era minha, porém depois que troquei de dominio, as imagens que estão fora dos Artigos apresentam alguns problemas, hora eles somem, ou elas ficam com um "X" no lugar da imagem, ou seja ficava um "Belezura" só, Então resolvi em uma medida radical dividir os Parceiros entre aqueles que enviam mais visitas e aqueles que ñ enivam tantas assim, para a divisão, eu selecionei um esquema de links com Feeds dos titulos dos últimos Artigos para os que mais enviassem visitas e os demais era apenas um link comum, porém alguns parceiros reclamaram e disseram que colocariam apenas um Link para mim também, e ñ imposrtava se eles estavam entre os "Top" ou ñ...

    Mas vale lembrar que eu fiz uma enquete perguntando a opinião dos leitores sobre o que eles acham melhor, e a maioria disse que prefere os links...

    E QUanto ao código?, bom, se dese para fazer com links resolveria meu Problema, se vc souber de algum modo de se fazer isso com links, bem que vc podia mostrar aqui no DB né Ju?

    Ufa... terminei!, desculpe o comentário quase sem fim!

    --
    AndersonZ1.

    ResponderExcluir
  6. Não acredito....enquanto eu digitava a Andrea comentou primeiro :(......na próxima eu consigo :) ahhaha

    João Pedro/www.eskinadodownload.blogspot.com

    ResponderExcluir
  7. Que interessante Juliana!
    Uma ótima novidade!
    Não conhecia esse código antes... Agora já posso colocar os banners quando quiser sem ter de obecer "uma certa ordem".

    ResponderExcluir
  8. Muiiiiito legal, vou testá-lo brevemente...
    Preciso desse gadget, foi uma ótima dica Jú!
    Parabéns!

    ResponderExcluir
  9. Fiz uma teste agora e Big!!
    Funcionou perfeitamente ..
    valeu Jú pela dica [in]Commmun

    ResponderExcluir
  10. Estou confuso.
    Eu coloquei o script no meu blog,mas nenhum banner aparece.

    ResponderExcluir
  11. Pessoal, segundo o Patrick me disse, é preciso editar o código ou no bloco de notas ou no Wordpad. Caso tenham dificuldades com o código que está no post, tentem usar o que coloquei para ser visualizado externamente.

    ResponderExcluir
  12. ótimo Post!
    Eu vou colocar assim consigo economizar espaço no layout do Blog que fica mais limpo!

    Obrigada e parabéns pela dica!

    ResponderExcluir
  13. Poxa eu não conseguir colocar alguem pode me ajudar? tenho um blog comecei agora tenho pouca experiência em html. por favor entre en contato comigo pelo msn arlindo_filho_fsa@hotmail.com
    ou http://rochaeternaviva.blogspot.com

    ResponderExcluir
  14. Valew pela dica em breve colocarei no meu blog

    ResponderExcluir
  15. socorro me socoram eu não consegui colocar no meu blog. arlindo_filho_fsa@hotmai.com

    ResponderExcluir
  16. Concerteza muito util, mas nao pra min.

    ResponderExcluir
  17. ::: Olá, Juliana. Meu comentário não tem a ver com o post. Recorro a vc porque, de repente, meu blog (www.blogdozemarcos.com) e o da minha esposa (http://cantinhodaluneide.blogspot.com/)começaram a não abrir mais no ie8. Recebo a mensagem de que a operação foi abortada. E o Ie8 simplesmente não abre mais o blog. Isso aconteceu de repente. Vc sabe se está havendo algum problema com blogs do Blogger? Há várias mensagens semelhantes no Twitter relatando o mesmo problema.Abração!

    ResponderExcluir
  18. Eu edito usando o Dreamwaver 8 e funciona perfeitamente!

    ResponderExcluir
  19. Juliana

    Muito interessante essa dica dos Banner com exibição aleatória.

    Parabéns pelo seu Blog que a cada dia contém conteúdo que ajuda muita gente.

    http://www.pcsaudavel.com/

    Um Abraço

    Roberto

    ResponderExcluir
  20. Vlww Juliana, ajudou bastante! Essa dica vai pro meu blog!

    ResponderExcluir
  21. Olá Juliana, você poderia ensinar a usar banners aleatórios no topo (cabeçalho) do blog?

    Outra: Queria saber como deixar todos meus links em "_blank" assim não sairia do meu blog quando alguem clicasse neles.

    Obrigado pela ajuda!

    ResponderExcluir
  22. JULIANA, SO TEM UM POREM QUANDO EU COLOCO NO BLOG, APARECE UM DEBAIXO DO OUTRO NUM TEM COMO COLOCAR PARA APARECER AO LADO??

    ResponderExcluir
  23. Gostei muito dessa dica, adorei esse blog, tudo muito bem explicado, e eu que não sei nada, com as dicas daqui me sinto craque. Coloquei o banners de vocês no meu blog. Obrigada

    ResponderExcluir
  24. Legal, eu já havia visto em outros blogs, e desejei muito colocar no meu, mas não sabia como. vou fazer agora mesmo e depois volto pra falar no que deu.

    abraços !

    ResponderExcluir
  25. Este codigo serve para o BLogspot?

    ResponderExcluir
  26. Olá, Juliana!

    O artigo é antigo, mas merece o elogio: funcionou perfeitamente para o que eu precisava! Eu estava justamente procurando no Google como colocar os banners de forma aleatória e lá estava o link para este ótimo artigo.

    Muito obrigado!!!

    Um abraço!

    ResponderExcluir
  27. Muito boa dica funcionou perfeitamente em meu blog.

    ResponderExcluir
  28. Muito bacana a dica funcionou joiae em meu site!
    Grato!

    Tomas

    ResponderExcluir

ATENÇÃO: Caso esteja com dificuldades com seu blog, abra um tópico no Fórum de Ajuda do Blogger que nós iremos te ajudar a resolver.


Os comentários passam por um sistema de moderação. Não serão aprovados os comentários:
- não relacionados ao tema do post;
- com pedidos de parceria;
- com propagandas (spam);
- com link para divulgar seu blog;
- com palavrões ou ofensas a pessoas e marcas;

 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top