[A Escola Blogger]: Código de imagens passando para o lado

domingo, 19 de maio de 2013

Código de imagens passando para o lado

Olá galera do A ESCOLA BLOGGER, hoje eu vou ensinar sobre um código HTML que permite fazer as imagens se movimentarem em seu blog.

Veja o exemplo abaixo:

Esse é o efeito + vamos ao código HTML

<marquee direction="up" scrollamount="3" height="250px" behavior="alternate"  onmouseover="this.stop()" onmouseout="this.start()"><img src="LINKDAIMAGEMAQUI">
<img src="LINKDAIMAGEMAQUI">
<img src="LINKDAIMAGEMAQUI">
<img src="LINKDAIMAGEMAQUI">
</marquee>

Vamos a explicação:
1° O que está em vermelho é a direção para onda a imagem vai, exemplo: UP (Imagem para cima) LEFT (Imagem para esquerda) e RIGHT (Imagem para direita).
2° O que está de laranja é o tamanho da imagem, você pode alterar mais somente os números "250"
3° O que está em azul é para você substituir com a URL da imagem que deseja. Para pegar a URL da imagem, basta você ir com o mouse sobre a imagem e com o botão direito click e copie a URL, veja o exemplo abaixo!

Bom entendido isso vamos ao funcionamento:
1° Copie todo o código e vá no layout de seu blogger e escolha a opção nova postagem
2° Vá na opção HTML que fica a esquerda na parte superior e cole seu código
3° Copie as URL que deseja e substitua, como explicado acima
4° por fim click em Publicar

Você pode incrementar esse código no meio das postagens, basta usar sua criatividade, ok

Até a próxima galera...