Banners aleatórios

Logotipo - Baixando na WEB
Olá pessoal hoje vamos explicar como colocar um sistema de Banners aleatórios em sua página.
Com este sistema podemos fazer publicidade em nossa página ou simplesmente divulgar algum post, como fizemos aqui no Baixando na WEB, em nossa página  divulgamos a nossa Comunidade e o nosso sistema de Newsletter para os nossos visitantes e leitores receberem as nossas notícias gratuitamente, com este sistema você pode usar sua imaginação e fazer muitas coisas.
Agora vamos ao código.
Entre na sua página de login, em seguida clique em LAYOUT depois em ADICIONAR UM GADGET, abrirá outra tela, vamos escolher a opção HTML/JavaScript, agora copie todo o código abaixo e cole na última opção que escolhemos:

<script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/dHTX&loc=en_US";
alt="Receba nossas noticias Gratuitamente!!!";
banner="http://i361.photobucket.com/albums/oo57/ren3_02/BannerdeNoticias.jpg";
width="300";
height="250";
}
if (ad==2) {
txt="";
url="http://www.orkut.com.br/Main#Community?cmm=92492056";
alt="Participe da nossa Comunidade!!!";
banner="http://i361.photobucket.com/albums/oo57/ren3_02/BannerComunidade.jpg";
width="300";
height="250";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>

Agora é só salvar e verificar se ficou do seu agrado.
Vamos entender o código para fazer as devidas alterações:
Podemos alterar, todas as partes que estão em negrito, onde está escrito url=http://www.orkut.com.br/Main#Community?cmm=92492056; nesta parte você irá colocar o link da página para qual o visitante será direcionado.
Onde está escrito alt="Participe da nossa Comunidade!!!"; aqui você colocará a descrição do seu Banner.
Onde está escrito banner=http://i361.photobucket.com/albums/0057/ren3_02/BannerComunidade.jpg; nesta parte você irá colocar o link de onde o seu Banner está hospedado.
Onde esta escrito width="300"; este número você pode alterar para o tamanho do seu Banner, neste caso estaremos alterando a largura do Banner.
Onde esta escrito height="250"; este número você pode alterar para o tamanho do seu Banner, neste caso estaremos alterando o comprimento do Banner.
É isso ai pessoal, qualquer dúvida é só deixar um comentário que estaremos esclarecendo todas as dúvidas.



3 comentários:

Charles Netto 6 de junho de 2010 às 17:16  

Parabéns por mais esta importante dica para nós blogueiro.

A Hora da educação 7 de junho de 2010 às 22:54  

Valeu, obrigado pelas dicas e parabéns.

Fabi Artmann 20 de julho de 2010 às 11:21  

Muito bom, obrigada pela dica, foi o único de fácil entendimento e que consegui fazer funcionar. Parabéns, informações úteis disponibilizadas de maneira simples e clara são raras, já coloquei rapidamente no meu Blog.
Fabi Artmann

Postar um comentário

© 2012 Todos os direitos reservados | Baixando na WEB | | Desenvolvido por - RL Design