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 )
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!
ResponderExcluirOba! O primeiro a comentar, ahahhahaha.
ResponderExcluirBom, 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
Otimo post, muio legal e util...
ResponderExcluirMas 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??
nossa que legal.. e parece ser fácil.. pq eu não entendo de nada..rsss.. vou tentar.....
ResponderExcluirparabéns pelo post...
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 ñ...
ResponderExcluirMas 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.
Não acredito....enquanto eu digitava a Andrea comentou primeiro :(......na próxima eu consigo :) ahhaha
ResponderExcluirJoão Pedro/www.eskinadodownload.blogspot.com
Que interessante Juliana!
ResponderExcluirUma ótima novidade!
Não conhecia esse código antes... Agora já posso colocar os banners quando quiser sem ter de obecer "uma certa ordem".
Muiiiiito legal, vou testá-lo brevemente...
ResponderExcluirPreciso desse gadget, foi uma ótima dica Jú!
Parabéns!
Fiz uma teste agora e Big!!
ResponderExcluirFuncionou perfeitamente ..
valeu Jú pela dica [in]Commmun
Estou confuso.
ResponderExcluirEu coloquei o script no meu blog,mas nenhum banner aparece.
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ótimo Post!
ResponderExcluirEu vou colocar assim consigo economizar espaço no layout do Blog que fica mais limpo!
Obrigada e parabéns pela dica!
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
ResponderExcluirou http://rochaeternaviva.blogspot.com
Valew pela dica em breve colocarei no meu blog
ResponderExcluirsocorro me socoram eu não consegui colocar no meu blog. arlindo_filho_fsa@hotmai.com
ResponderExcluirConcerteza muito util, mas nao pra min.
ResponderExcluir::: 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!
ResponderExcluirEu edito usando o Dreamwaver 8 e funciona perfeitamente!
ResponderExcluirJuliana
ResponderExcluirMuito 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
Vlww Juliana, ajudou bastante! Essa dica vai pro meu blog!
ResponderExcluirOlá Juliana, você poderia ensinar a usar banners aleatórios no topo (cabeçalho) do blog?
ResponderExcluirOutra: Queria saber como deixar todos meus links em "_blank" assim não sairia do meu blog quando alguem clicasse neles.
Obrigado pela ajuda!
JULIANA, SO TEM UM POREM QUANDO EU COLOCO NO BLOG, APARECE UM DEBAIXO DO OUTRO NUM TEM COMO COLOCAR PARA APARECER AO LADO??
ResponderExcluirGostei 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
ResponderExcluirlink do teste kebrado :(
ResponderExcluirLegal, 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.
ResponderExcluirabraços !
Este codigo serve para o BLogspot?
ResponderExcluirOlá, Juliana!
ResponderExcluirO 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!
Muito boa dica funcionou perfeitamente em meu blog.
ResponderExcluirMuito bacana a dica funcionou joiae em meu site!
ResponderExcluirGrato!
Tomas