Efeito single para afiliados

OOi, tudo bem com vocês? Bom, como na programação do dia eu prometi um tutorial, aqui estou :3 Eu quero depois fazer um post extra de afiliações e também falar um pouco sobre os planos aqui pro blog [Risos] Esse efeito single é lindo, pretendo usar no layout novo, eu achei perfeito pro tutorial de terça  (que eu acabei ficando mal de novo pra melhorar e eu tive de emendar nos posts de hoje) ... Acho que vocês também vão gostar ><
Preview <-- aqui é como fica o efeito

Procure por ]]></b:skin> e acima dessa tag cole:
@-webkit-keyframes bubble {
 25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-moz-keyframes bubble {
25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-o-keyframes bubble {
25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-ms-keyframes bubble {
25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
 50% { -webkit-transform: rotate(50deg); }}

.bb{
padding:1px;
}
.bb:hover{
-webkit-animation: bubble 1s;
-moz-animation: bubble 1s;
-o-animation: bubble 1s;
-ms-animation: bubble 1s;
}

Depois, adicione um gadget de Html/javascript e cole:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="bb" /></a>
Vá adicionando o código acima quantas vezes quiser, para a quantidade de imagens que quiser.
É isso, eu amei o efeito de paixão >< Achei bem fácil e me parece ser um bom tutorial pra um blog mais delicadinho...

Xoxo