Tutorial: Efeito Sai pra Lá

Hey Amiguinhos trousse um tutorial pra vocês e os creditos vam para Birthday Kawaii

Vamos para o tutorial agora

1. Vá ate Editar HTML e procure pela seguinte tag:

]]>

2.Assim que achar a tag cole o seguinte codigo em cima da tag:

.saiprala { border:2px solid #f3f3f3; transition: cssAnimation 5s 0 ease-in-out; -webkit-animation: cssAnimation 1s 0 ease-in-out; -moz-animation: cssAnimation 1s 0 ease-in-out; -o-animation: cssAnimation 1s 0 ease-in-out; -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(2px); -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(2px); -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(2px); -ms-transform: rotate(0deg) scale(1.0) skew(1deg) translate(2px); -webkit-transition-duration: .70s; } .saiprala:hover{ border:2px solid #f3f3f3; -webkit-transform: rotate(0deg) scale(1.0) skew(20deg) translate(-20px); -moz-transform: rotate(0deg) scale(1.0) skew(20deg) translate(-20px); -o-transform: rotate(0deg) scale(1.0) skew(20deg) translate(-20px); -ms-transform: rotate(0deg) scale(1.0) skew(20deg) translate(-20px); -webkit-transition-duration: .70s; }

3. Salve!, Agora vá ate Layout e clique em Adicionar um Gadget depois clique em JavaScript e cole o seguinte codigo:

<div class="caixinha"><a href="LINK">NOME DO LINK</a></div>

Onde está Seu Link voce colocar o link da imagem, onde esta seu texto voce coloca o nome da adiministrador(a) ou postador(a) e no url da imagem voce colocar o url da imagem...

Url da imagem é isso:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9pf5E_FIyuBKOj42XsXI-Nqi6d5kLi3L4-SNRE12SUorh73X-2NTpWCAAxRV21OcUIC9Y-dbRzFHl1mcDDzD9zuiQBB1psRyZrAtqM5FTq9mpRUSHOiERrppwfFmp1fnv8NbvzWIkNfvN/s1600/5.jpg

depois é só salar e pronto..