domingo, 23 de setembro de 2012

Fazer uma image rotativa com link para seu blog

Conheça agora uma ferramentas maravilhosa, com ela você poderá adicionar várias imagens em seu Blog, e economizar bastante espaço, pois as imagens irão ficar revezando em sua página, é uma ótima dica, para banners de parcerias, ou qualquer outro tipo de exibição de banners ou imagens, vamos ver agora como adicionar esta ferramenta no Blog. 

Exemplo:
cursos 24h cursos 24h
Adicionando imagens rotativas no Blog:

1. Copie o código abaixo alterando onde indicado em vermelho:

<marquee onmouseout="this.start();" onmouseover="this.stop();">
<a href="URL_DESTINO"><img alt="nome_imagem" border="0" src="URL_DA_IMAGEM" /></a>
<a href="URL_DESTINO"><img alt="nome_imagem" border="0" src="URL_DA_IMAGEM" /></a>

<a href="URL_DESTINO"><img alt="nome_imagem" border="0" src="URL_DA_IMAGEM" /></a>
<a href="URL_DESTINO"><img alt="nome_imagem" border="0" src="URL_DA_IMAGEM" /></a>
</marquee>
2. Cole o código no seu blog, no local de sua preferência:

Se você usa BLOGGER: Vá até "Design", "Elementos da pagina", "Adicionar um gadget" e  "HTML/JavaSript" cole o código e salve.

Se você usa WORDPRESS: Vá até "Aparência", "Widgets", arraste o o widget "Texto" para sua Sidebar, cole o código e salve.


Recomendo usar as imagens todas do mesmo tamanho pra manter o padrão da exibição, e você pode adicionar quantas imagens desejar é só repetir o código.

0 comentários:

Postar um comentário