Banners aleatórios
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:
Parabéns por mais esta importante dica para nós blogueiro.
Valeu, obrigado pelas dicas e parabéns.
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