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)

Copie todo o código

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 por no blog e pronto







---------------------------------------------------------------------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,clique em leu na barrinha e participe no nosso ranking  e  por favor comente!

13 comentários