05/08/2012

Banner rotativo para afiliados


Boa tarde pessoal! Hoje trago mais uma opção de como personalizar os seus parceiros ou afiliados. Da ultima vez mostrei como colocar em efeito opaco, agora irei mostrar como colocar com efeito rotativo, a cada visualização, o banner ira muda, tipo: esta com o banner1 ao apertar F5 (reiniciar a pagina) o banner muda para o banner2 e assim vai seguindo.

No corpo de seu Template crie um widget e coloque o codigo abaixo dentro dele:

Códigos
<script language="JavaScript">

<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
url="URL DO SITE";
alt="NOME DO SITE";
banner="URL DO BANNER";
width="468";
height="60";
}
if (ad==2) {
url="URL DO SITE";
alt="NOME DO SITE";
banner="URL DO BANNER";
width="468";
height="60";
}
if (ad==3) {
url="URL DO SITE";
alt="NOME DO SITE";
banner="URL DO BANNER";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
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 ire explicar um pouco sobre ele para ficar mais facil de organizar.

var how_many_ads = 3; | E a quantidade de banners se você quiser adicionar mais você almenta o numero 3, para a quantidade que quiser, e recopia o codigo a baixo:
Códigos

if (ad==3) {
url="LINK DO SITE";
alt="NOME DO SITE";
banner="LINK DO BANNER";
width="468";
height="60";
}

e coloca acima desse: document.write('<center>');

Conforme você for aumenta numere os banners exemplo: você ira por o 4ª banner entao quando copiar nessa parte você coloca o numero 4 e por assim vai.

if (ad==4) {
url="LINK DO SITE";

Então é só personalizar da forma desejada.

width="468"; -----> Largura
height="60"; -------> Altura

Quanquer duvida é só perguntar! Bye Bye!

2 comentários:

  1. Muito legal o seu site
    ---------------------------------
    Conheçam o site de dicas, códigos e hospedagem www.guiadohost.com

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345