Fazendo exibição de banners em posição randômica

Este script serve para quando você possui vários parceiros ou banners e recebe reclamações que os banners ficam muito em baixo ou ficam questionando você por que o banner de ciclano está lá no topo e o dele não. Para resolver este problema criei este sistema de randomização de banners que a cada vez que a página é recarregada os banners aparecerão em ordem aleatória na página.
Este script você colocará no local onde aparecerão os banners, então entre na pagina layout, adicionar gadget, html/javascript e coloque esse código:

<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á ecrever os banners na tela*/
function randBan(){
var parceiros = new Array();

/* Aqui você coloca a quantidade de banners que você irá rotacionar, voce pode criar de parceiros[0] até parceiros[N]. O exemplo abaixo é o exemplo usado em meu site que é exibido a lista de banners um abaixo do outro (colocarei apenas 3 banners para nao enxer muito a tela de código)*/
parceiros[0]='<a href="http://www.caixapretta.com.br" target="_blank" title="Caixa Pretta - Desligue a TV e vá ler um blog!"><img border="0" src="http://www.caixapretta.com.br/wp-content/themes/caixapretta/imagens/banner_cp.jpg"/></a>';

parceiros[1]='<a href="http://www.ocioso.com.br/default.asp" target="_blank" title="Está no seu momento de descanso né? Entao clique aqui!"><img border="0" alt="Está no seu momento de descanso né? Entao clique aqui!" src="http://www.ocioso.com.br/imagens/icone.gif"/></a>';

parceiros[2]='<a href="http://www.chongas.com.br" target="_blank"><img border="0" alt="As novidades da internet" src="http://i178.photobucket.com/albums/w268/lamenza/selo_chongas_120x60px.gif"/></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>


Salve e verifique se os banners estão alternando, depois disso basta você trocar os endereços dos site e imagens como quiser. Para colocar mais banners basta continuar repetindo a função parceiros[2]='....', claro que dando continuidade a numeração.

Veja também:
Mostrar Banners ou Imagens Aleatórias
Banners Deslizando
Colocar barra de rolagem no blog

Dica enviada pelo Site Boas Promoções


Adicionar ao iGoogle ou Google Reader

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

23 comentários:

Thander disse...

Amigo, existe algum script onde eu possa saber quais os arquivos mais baixados no meu blog e pudesse exibir essa lista no proprio blog?

Fabiano Roberto disse...

Thandernão consigo lembrar de um script para saber quais os arquivos mais baixado no blog.

mas você pode colocar um contador de visitas do analytics no blog então saberá quais as postagens mais visitas, imagino que seja um download por postagem, então terá uma idéia de quais fizeram mais sucesso, ou seja tiveram mais visitas

Thander disse...

Obrigado Fabiano pela dica, Valeu!

Lucaimura (Luca BD) disse...

Olá Fabiano!!
Estava à procura desta dica faz tempo. Parece um pouco complicado mas vou experimentar.
Achas que é possivel fazer uma lista para os banners tal como tu tens para os links das parcerias??
Um abraço de um fã do outro lado do Atlântico.

Fabiano Roberto disse...

Lucaimura (Luca BD)
Não entendi o que você quer, o que viu em minhas parcerias que gostaria de usar com os banners?

Lucaimura disse...

Olá Fabiano!!
O teu blogroll tem a forma de um menu com um botão de rollup (não sei se esta é a designação correcta??), e eu queria saber se em vez de ter os links, podia colocar os banners.
Um abraço.

Anônimo disse...

Ei Camarada..
Nao Adianta..
Eu Nao Conseguir Fazer Aquilo Lah

Eu Nao Entendi..

Aquela Segunda Parte e a Terceira

Ate Aquela Dos Banner Conseguir..

So Que Depois Nao Sei Onde Vai a Segunda Parte e Nem 3 Parte..

Nao Tem Como Voce Refazer Ai No Final Coloca Tudu Pronto..

Ai So Nos Pegar e Editar Os Banner e Coloca Em Nosso Site !

Sera Que Poderia Fazer Esse Milagre Para Nos :D !

fi disse...

Eu Tb Estou Com a Mesma Duvida Que o Anonimo De Cima..

Ajude-Nos !

Fabiano Roberto disse...

o código está pronto, ele contem explicações dentro do código mas não atrapalham em nada o funcionamento.

é só copiar o código inteiro e trocar os links dos banners

Rfael disse...

eu queria tipo organizar os FILMES os desenhos e outras coisas no BLOG.
COmo faso isso?

Fabiano Roberto disse...

Rfael para organizar as postagens use os marcadores

Rafael disse...

obrigado pela dica vo tentar isso ;)

Rafael disse...

ainda estou com duvida...

tem como me ensinar?

Fabiano Roberto disse...

Rafael, o código é esse que está na postagem, não tem outro jeito de explicar, é só trocar o códigos dos banners e colocar no seu blog pela pagina layout, adiconar gadget, html/javascript.

primeiro coloque no blog do jeito que está só para ver aparecer, depois troque os links e as imagens um por vez.

Lucas disse...

Oi,
eu queria saber se em
"/* Esta função irá fazer o randômico dos banners */" e
/* Função que irá ecrever os banners na tela*/ e !//Aqui iremos randomizar a posição dos banners" e em "//Aqui iremos escrever os banners em sua ordem aleatória"
é para substiruir por alguma coisa e se sim, por oq?
Vlw

Maicon disse...

ola não entendi muito bem oque mais q eu tenho q alterar ali nos codigos fica os banners e um tanto de escrito e nao fica aletorio se puder me ajudar agradeço http://www.BrindesRox.Co.Cc

Fabiano Roberto disse...

Maicon

tem que alterar a parte que são os banners, envie o código do jeito que está tentando colocar no seu blog para nosso email.

Anônimo disse...

Tem algum codigo para deixar todas as imagens de um post com o link do post?

Fabiano Roberto disse...

quando você colocar uma imagem na postagem ela já vem com um link para a própria imagem, então é só trocar o endereço, mas tem que fazer uma por vez não tem como alterar todas de uma vez só.

plaidy disse...

Parabéns pela dica, sempre que procuro no Google é aqui que estou achando :D

Léo ;] disse...

não consegui :/

eu n entendi a parte do randomizar o blog

me add no msn ?

leo_sertori_@hotmail.com

Fabiano Roberto disse...

Leo, vou responder por email, mas não uso MSN

Administrador Girls In Pepper disse...

Amigo, achei muito confuso mesmo... será que você faria a gentileza de me enviar o código sem os comentários?
girlsinpepper@gmail.com
Abraços! E parabéns pelo blog!