22 fevereiro 2014

1

Como colocar efeito nas imagens no Gadgets - HTML/Java Script


Hey Girls, vamos hoje aprender um tuto muito divertido... Vocês já repararam no cantinho do blog GR (na coluna do lado esquerdo), nele tem imagens com as capas da Magazine GR, é essas imagens estão com efeitos certo? Pois então hoje vou ensinar a vocês a colocar esses efeitos de uma forma super fácil usando apenas o Gadgets HTML/Java Script... Let's Go?


1° - Vá em Layout do seu blogger

2° - Clique em ''Adicionar um Gadget''


3° - Clique em HTML/Java Script


4° - Irá abrir uma página tipo um bloquinho de notas... Nele você cole o código seguinte:


<marquee direction="left" scrollamount="8" width="100%" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">

<img src="ULR_DA_SUA_IMAGEM" />

<img src="ULR_DA_SUA_IMAGEM" />

<img src="ULR_DA_SUA_IMAGEM" />
<img src="ULR_DA_SUA_IMAGEM" />
<img src="ULR_DA_SUA_IMAGEMg" />
</marquee>

OBS: Onde tiver escrito ULR_DA_SUA_IMAGEM, você irá apagar e colar o código da sua imagem. E se você quiser colocar mais imagens é só copiar mais a seguinte linha '' <img src="ULR_DA_SUA_IMAGEM" /> ''. Okay?

5° - Visualize & Salve! 

Gostam? Fácil né? Comente!
É isso aí galera, se tiver dúvidas, dicas... Mandem! 

fonte: MB

Um comentário:

  1. Olá , amei o tutorial e o resultado parece ser ótimo ! ;3

    Bjos ~ Poderia retribuir a visita ? Gave Crazy

    ResponderExcluir

-Antes de falar sobre qualquer outra coisa, comente sobre o post.
- Alguma dúvida ou algum pedido? Comente!
- Sim, visito o seu blog, mande o link! =)
-Favor não ofender ninguém, elogios e criticas são bem vindos, mas mantenha o respeito!
- Obrigada, GR!