Banners de parceiros em movimento para blog | Quero Dicas Quero Dicas : Banners de parceiros em movimento para blog

Quero Dicas : Banners de parceiros em movimento para blog

Banners de parceiros em movimento para blog

|


Em muitos blogs/Sites, existem parcerias como um modo de divulgação. Assim um divulga o trabalho do outro, trazendo mais visitantes a cada dia.

O problema deste tipo de divulgação é o espaço. Pensando nisso, eu trouxe um gadgets muito legal, podendo colocar mais de 10 parceiros em um só pequeno espaço em seu blog.


   TUTORIAL


1 - Vá em Painel de controle, Layout, Adicionar um Gadget, HTML/JavaScript  

2 - Cole o código abaixo:

 <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>

 

3 - Caso queira colocar mais parceiros dentro do Gadgets é só acrescentar mais o código abaixo:

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

4 - E caso queira ter menos parceiros do que está, é só retirar o mesmo código acima.

5 - Neste gadgets a rolagem das imagens de parceiros está para cima, caso você queira mudar a direção delas, é só trocar a palavra UP logo no início do código,

<marquee direction="UPheight="300" on="" onmouseout="this.start()" 

Por uma das palavras abaixo:

UP → Desliza de baixo para cima.
DOWN → Desliza de cima para baixo.
LEFT → Desliza da direita para a esquerda.
RIGHT → Desliza da esquerda para a direita.

6 - Para hospedar as imagens dos seu parceiros, veja:
Como hospedar uma imagem gratuitamente na Web para seu blog
Como hospedar suas imagens no seu próprio blog

7 - Para aumentar as imagens e colocar no tamanho que deseja, troque:

height: 90px; width: 200px

Beijinhos


Créditos Gadgets: Universo das dicas

Compartilhe


Nenhum comentário:

Postar um comentário


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Por favor, não adicione links externos nos comentários.

Beijinhos ♥

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir