Como colocar vários banners de parceiros em movimento no blog

Alguns blogs têm muitas parcerias  e não tem mais tanto espaço,então vou te ensinar como colocar vários banners de parceiros em movimento no blog,neste código  cabem 09 banners dos seus parceiros(você pode adicionar mais), caso queira vê como fica o código, clique aqui.

Copie todo o código, no Blogger v
á em Layout  > Adcionar um Gadget HTML/JavaScript   cole o código


Substitua o que está em vermelho pelo link do blog do seu parceiro(cuidado,não tire as "  " o link precisa ficar dentro delas)
Substitua o que está em azul pelo link da imagem do seu parceiro ,que pode ser jpg, gif ...

Salve e depois é só arrastar para o lugar que você quer colocar no blog e salvar.






---------------------------------------------------------------------inicio-------------------------------------------------------------




<marquee direction="up" height="300" on="" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4" with="200"> 
<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="10" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="0" src="IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="0" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="0" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="0" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="0" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="0" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="0" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="10" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>

</marquee></div>




-------------------------------------------------------------------fim---------------------------------------------------------------------





Caso queira aumentar a quantidade de banners ou diminuir,é só acrescentar ou excluir todo esse código


<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="10" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>



Caso queira mudar a direção em que as imagens se movimentam,é só trocar a palavra UP(logo no início do código),por outra palavra,veja o significado de cada uma

Exemplo <marquee direction="up"> 

up  =  Desliza de baixo para cima.


downDesliza de cima para baixo.

  
left = Desliza da direita para a esquerda.



right = Desliza da esquerda para a direita.




Recomendo ler também: Sites Para Criar Logotipos Online Sites para fazer banner online ,   ícones de redes sociais e outros personalizados e de graça


Espero ter te ajudado,sua visita é sempre bem vinda,volte sempre e se puder nos siga aqui e nas redes sociais e  por favor comente!

Universo das Dicas - Anna Vlis

13 comentários