05/08/2012

Tutorial: 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:

<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:

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

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram