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 :  

Comentários
0 Comentários


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

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 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.

É proibida a reprodução total ou parcial dos artigos deste blog sem autorização|Somente terá o direito de republicar os códigos publicados dando os devidos créditos.