Colocar um banner rotativo como o que esta no meu blog com os meus parceiros tem várias vantagens, como por exemplo, você economiza espaço no seu blog, pois os banners aparecem em um espaço limitado por você, além de ficar com uma aparece legal. Mas gosto e gosto, então para aqueles que quiserem fazer uma gadget rotativa siga os passos:
1- Entre em sua conta do blogger, clique em "Layout", depois clique em"Adicionar um Gadget" e escolha a opção "HTML/JavaScript";
2- Nesta gadget você coloca o seguinte código:
<marquee onmouseout="this.start()" direction="up" on () scrollamount="4" height="300" onmouseover="this.stop()" with="200">
<div align="center">
<div align="center">
3- Embaixo deste código você coloca os códigos dos banners;
4- Embaixo do último banner você coloca o seguinte código:
</div></marquee>
5- Então ficará assim:
<marquee onmouseout="this.start()" direction="up" on () scrollamount="4" height="300" onmouseover="this.stop()" with="200">
<div align="center">
CÓDIGO DOS BANNERS
</div></marquee>
<div align="center">
CÓDIGO DOS BANNERS
</div></marquee>
Algumas dicas:
*Para fazer os banners descerem ao invés de subirem, troque a palavra "up" por "down".
*Para mudar a altura da gadget altere o valor da "height".
*Para alterar a velocidade da rotação altere o valor do "scrollamount".
*Para dar um espaço entre os banner, acrescente o código abaixo entre cada banner:
<br />
Até mais e não esqueça de deixar um comentário!
0 comentários:
Postar um comentário