Efeito para afiliados: Tilts!

Oi leitores!

Hoje eu trouxe um efeito bem bacana que eu fiz!!! Sim! Eu fiz!

Vamos ver?

Preview

Legal né? Eu acho que pro meu primeiro efeito ficou até legal. O nome é tilts, que significa inclina, em inglês. Vamos ver como faz o efeito! *O efeito é tanto para postagens como para gadgets, mas para postagem você terá que botar o código toda hora, e dá mais trabalho.

Vá em Modelo>> Editar HTML >> Logo no início terá uma tag assim:

Click nesses 3 pontinhos  (...), irá abrir muitos códigos, desça até achar:

]]</b:skin>

Cole o código abaixo ACIMA da tag:

.efeito-tilts-sarah-creativethings {

padding: 2px;

border: 1px solid #COR DA BORDA;

-webkit-transition-duration: 2s

}

.efeito-tilts-sarah-creativethings:hover {

-webkit-transform: rotate(10deg) rotate(21deg);

-webkit-transition-duration: 2.5s

}

Agora, salve, vá em Layout>> Adicionar um Gadget>> HTML/JS

Cole o código abaixo dentro do gadget:

<a href="LINK" title="NOME"><img class="efeito-tilts-sarah-creativethings" src="URL DA IMAGEM" /></a>

Salve!(depois de modificar o LINK o NOME e o URL DA IMAGEM)

Gostou do efeito? Comente! Se você usou o efeito, ou vai repostar o tutorial, comente para nos manter informado :)