Tutorial: Como deixar a elite de afiliados em modo giratório

Oii  porquinhos :3

Em nosso primeiro tutorial resolvi fazer algo que poucos blogs fazem. Peguei esse tuto lá no Kawaii World ok? Sabe quando você visita certo blog, e, vê que quando passa o mouse nos afiliados, as imagens giram? Legal né? Por isso, vim repassar esse tuto aqui :] Espero que seja útil ^-^ 

Trouxe esse tuto de dobro: Além de fazer as imagens dos afiliados girarem, também há um código especifico que deixa as imagens com efeito de opacidade também, mais, prosseguindo...

Primeiro) Abra o Blogger | Modelo | Editar HTML | Dê Ctrl + F | Procure por:

]]></b:skin>

Segundo) Cole acima daquela tag:

.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;

box-shadow: 2px 1px 2px #909090;

}

.elite:hover{-webkit-transform: rotate(360deg);} 

Terceiro) Salve e pronto. Agora, vá em Layout | Adicionar um gadget | HTML/JavaScript | Cole este código:

<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>

OU, Se você quiser que fique com o efeito de opacidade que eu falei, cole este código ao invés do anterior:

<a href="Link do Blog" title=" Título do Blog"><img src=" Link da Imagem" style="opacity: 0.5"; class="elite" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>

Agora, é só você ir arrumando os códigos como quiser, como o Link do blog afiliado, nome, e o Link da imagem.
Outra coisa, é que vai ficar redondo, assim:

Bay: Gabriela