Banners rotativos

Olá pessoal, como várias pessoas tem me perguntado como fazer para que os Banners dos parceiros fiquem girando como os dos nossos parceiros, resolvemos fazer um post explicando como fazer isso.
Para colocar na sua página, faça o login no seu blog entre em "LAYOUT" depois em "ADICIONAR UM GADGET" e escolha a opção HTML/JavaScript, cópie todo o código e cole nesta opção que escolhemos.

<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
a {
font-family: Arial, Helvetica, sans-serif;
color: #0000FF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
-->
</style>
<marquee direction="left" onMouseOver="this.stop();" onMouseOut="this.start();" scrollamount="4">

<a href="http://www-baixandonaweb.blogspot.com/" target="_blank"><img border="0" src="http://i361.photobucket.com/albums/oo57/ren3_02/Banner.gif"/></a>

<a href="http://wwwrenatodiversidades.blogspot.com/" target="_blank"><img border="0" src="http://i361.photobucket.com/albums/oo57/ren3_02/CuriosidadesDiversas.jpg"/></a>
</marquee>
<h6 class="style1">Widget <a href="http://www-baixandonaweb.blogspot.com/">Baixando na WEB</a></h6>

Como colocar os banners dos seus parceiros?
É só trocar os códicos acima que estão grifados em verde colocando os códigos dos banners dos seus parceiros.

Agora vamos entender o código:
 
Onde esta escrito "left" (que quer dizer "ESQUERDA") você pode trocar para "right" (que quer dizer "DIREITA"), desta forma você escolhe para que lado deseja que circule os banners em sua página.

Onde esta escrito "scrollamount="4", esta opção é para alterar a velocidade que os banners irão passar, no Baixando na WEB utilizamos a velocidade 4, mas você pode colocar menos ou mais, lembrando que quanto maior for o número mais rápido os banners irão ficar.






 É isso ai pessoal, espero que mais esta dica tenha ajudado, qualquer dúvida é só deixar um comentário que estaremos esclarecendo todas as dúvidas.
Até mais.



7 comentários:

educaipo 23 de fevereiro de 2010 às 22:07  

Parabéns por compartilhar isto com todos, pois muitas pessoas tem interesse em colocar banners rotativos e não sabiam como.

Abraços!

Amana Raab 24 de fevereiro de 2010 às 00:08  

Obrigada pela dica valiosa ;)

Carla Castro Maia 14 de março de 2010 às 21:17  

Adorei a dica. Esta e outras. Obrigada.

Anônimo,  16 de julho de 2010 às 12:46  

muito obrigado cara era isso que eu estava procurando,!!! perfeito!!!

Unknown 22 de outubro de 2010 às 22:09  

Valeu amigo, bem mais fácil de colocar.

Anônimo,  19 de dezembro de 2010 às 08:03  

Olá, amigo. Gostei deste widget e, seguindo as suas claríssimas instruções, o instalei facilmente na sidebar do meu blog http://ecacaraubensesho.blogspot.com/
Gostaria de saber como fazer para os 8 banners ficarem em um mesmo alinhamento. Isso é possivel, não? Fico imensamente grato pela resposta que me for dada.
Saúde e paz, gente fina. Se preferir responder para o meu email, este é o seguinte: assisales@hotmail.com - Se não, como frequento sempre este blog, me manterei alerta ao seu pronunciamento aqui mesmo.

Postar um comentário

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