Elite afiliados com opacidade e zoom

Yoo, bananitas! Hoje trouxe um tutorial bem legal: Como colocar os seus afiliados com um efeito de zoom e opacidade ao passar o mouse! Experimente aqui nos afiliados do blog para ver como fica.
Lembrando que essa elite afiliados foi criada por mim, e só aprendi o efeito zoom no Cherry Bomb, créditos a ele. Então me credite se usar, beleza? Arigato :3
Vamos ao ~le tuto~! Clique em Mais!
Passo 1:
Vá em Modelo > Editar HTML > Prosseguir. Em seguida procure por ]]></b:skin> e coloque o código abaixo:

/*.................................Menu Afiliados - By Rebel Cinderella........................................................*/
.afiliados {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
-webkit-transition: 0.5s;
border-radius:5px;
opacity: 0.8;
}
.afiliados:hover {
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
transform:scale(1.3);
-webkit-transition: 0.5s;
border-radius:5px;
opacity: 1.0;
}
/*.................................Menu Afiliados - By Rebel Cinderella........................................................*/

Salve as alterações.

Passo 2:
Vá em Layout > Adicionar um Gadget > HTML/JavaScript.
Lá cole o código:

<center><a href="URL_AQUI" title="NOME_DO_BLOG"><img src="URL_DA_IMG" /></a>

Cada div dessa corresponde a uma imagem, então ponha esse código para cada afiliado que desejar, colocando a URL, o título que aparece ao passar o mouse e a url da imagem.
P.S.: Aconselho a usar uma imagem de tamanho 50 x 50 para ficar tudo certo.

Bem, é isso rebels, espero que tenham gostado da elite afiliados e do novo lay. 

Sayonara!