25 de setembro de 2013

Tutorial: Efeito Awn

Olá pessoal, trago para vocês um efeito simples que dá um toque a mais em
em seu blog, o efeito awn é perfeito para elite de afiliados.
Acho que vocês vão gostar.

No HTML de seu blog  procure por ]]></b:skin> e acima dele cole:

.efeito-awn-isa {
padding: 2px;
border: 1px solid #COR DA BORDA;
-webkit-transition-duration: 2s
}
.efeito-awn-isa:hover {
-webkit-transform: rotate(90deg) rotate(180deg);
-webkit-transition-duration: 2.5s
}

para fazer o efeito funcionar adicione um gadget de HTML/JavaScript e cole:

< a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>

-Onde tem "LINK"  coloque o link do blog afifliado;
-Onde tem "IMAGEM" coloque a imagem do blog afifliado.

Kissus

Nenhum comentário:

Postar um comentário

- Este espaço é todo seu. Tire suas dúvidas!

- Por favor, Não faça algum request pelos comentários,
para isso serve a Ask.

- Se não gostou de algo, não use palavras baixas. Ninguém precisa se rebaixar tanto para expressar uma opinião.

- Leio todos os comentários e retribuo todos.

-Thanks