Colocar imagens rotativas no 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:
Mestre Blogger Plano Beta
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.

5 comentários:

  1. Parceiro estou aproveitando bem seu blog, parabéns e obrigado pelas dicas.

    ResponderExcluir
  2. Achei muito legal tua sugestão.
    Vou colocar em pratica no meu blog.
    Um abração!!

    ResponderExcluir
  3. Muito Obrigado procurei em varios blog mais o unico que deu certo no meu blog foi o de vocês, valeu.

    ResponderExcluir
  4. Sua dica é perfeita. Já coloquei no meu blog, deu outro visual.
    Só queria saber se não é pesado o codígo? Desde já muito obrigado.

    ResponderExcluir
  5. Amigo suas dicas são muito bacanas, principalmente para quem está construindo agora um blog assim como eu! Parabéns pela iniciativa.

    ResponderExcluir

Todos os direitos reservados © Soluções Blog - Desenvolvido por Gustavo Solbas. Tecnologia do Blogger.