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:

junior (ferananet) 23 de fevereiro de 2010 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!

Manah 24 de fevereiro de 2010 00:08  

Obrigada pela dica valiosa ;)

CCMaia 14 de março de 2010 21:17  

Adorei a dica. Esta e outras. Obrigada.

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

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

bomblog 22 de outubro de 2010 22:09  

Valeu amigo, bem mais fácil de colocar.

Assi Sales 19 de dezembro de 2010 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