Prazer, Laura :3 + Efeito Swing

Olá, linduxos.

Eu me chamo Laura e sou a nova postadora daqui, e não, não sou a antiga Laura, essa é outra, vocês podem me chamar de Tia Fuchsia ou simplesmente Lally-Chan, okay? Eu tenho 10 anos, nasci em Porto Alegre no dia 13/10, mas vim para Arroio do Sal mês passado, super lecau né. Eu vim atentando a Helena há séculos (mentira, eu sei que eu incomodo mas sem exageros c.c) para eu postar aqui e ela finalmente deixou, eu me sinto tão honrada, meu Zeus! ~like a semideusa~. Meu blog é o UL que eu já reiniciei trocentas vezes, mas tá né, chega de mim, vamos para a postagem logo.

Trouxe um efeito super linduxo e cheiroso (efeitos tem cheiro? não, não tem, isso tudo é excesso de todinho e doritos, só) que eu vi no blog Designer Lovers e resolvi trazer para vocês, leitores diwos do WOT.

Enjoy ~

Visualizem o efeito clicando aqui.

1. Vá no seu HTML, clique nele e aperte CTRL+F para abrir a caixinha de pesquisa, acho que todos já sabem disso mas não custa dizer, caso alguém não saiba, certo? Assim que abrirem a caixinha de pesquisa, procurem por </head>, acima dele você deverá colar isso:

<link href='http://static.tumblr.com/m59wvyo/6Zfmlzzj3/animate-custom.css' media='screen' rel='stylesheet'/>

2. Agora procure pelo famoso  ]]></b:skin e acima dele cole isso:

.swing {
border-radius: 3px;
-webkit-transition-duration: .50s;
}
.swing:hover{
border-radius: 3px;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
-webkit-animation-duration: 2s;
 }

3. Finalizando o tutorial, vá em layout, adicionar um gadget-HTML/JavaScript e cole:

<a href="Link do blog"target="blank" title="Nome do blog"><img src="Link da imagem" class="swing" /></a> 

Você deverá alterar somente as palavras negritadas, ou seja, em negrito avá, e qualquer dúvida vocês tem a obrigação e direito de falar comigo, ajudarei da forma que puder

Espero que tenham gostado do tutorial e mais ainda de mim, estarei com vocês todas as quartas e sextas-feiras.

Beijos ~