efeito jump nos Afiliados

Meow..
Olá pessoas atrás de um computador!!!

Hoje trouxe um tutorial para vocês, eu não sei quem criou esse efeito, mais achei o tutorial nesse blog, então se você que criou esse efeito, não precisa ficar brigando, é só escrever nos comentários '-'

o efeito é esse aqui

Achei muito legal pois vários blogs estão usando ultimamente. Sempre procurei tutoriais disso pois sempre via esse efeito sem link, mais agora achei um que possibilita você de colocar um link, vamos aprender?
Primeiro adicione um HTML/javascript e cole:

<style>
@-webkit-keyframes jump {0% {-webkit-transform: translatey(0px);}50% {-webkit-transform: translatey(-10px);}100% {-webkit-transform: translatey(0px);}}.jump {-webkit-transition: .5s; border-radius: 2px; box-shadow: 1px 1px #caebe6;}.jump:hover {-webkit-animation: jump .5s alternate infinite linear;}
</style>

Agora salve, e adicione outro HTML/javascript e cole:

<a href="SEU LINK" target="_blank"><img src="LINK DA IMAGEM" border="0" class="jump" title="NOME"/></a>

Se você quiser colocar mais imagens e mais links, é só repetir esse código:

<a href="SEU LINK" target="_blank"><img src="LINK DA IMAGEM" border="0" class="jump" title="NOME"/></a>

Aí o bom é que você pode colocar quantas imagens e links que você quiser né, espero que tenham compreendido o tutorial, se não entenderem, perguntem nos comentários **3