Imagem com efeito giratório

Oiiii meus xuxuzinhos do espaço depois de passar uma tarde inteira na casa da minha vó linda enchendo a barriga só de coisas boas preparadas por ela (devo ter engordado uns 10 quilos) hehe, vou ensinar vocês a fazerem o efeito das imagens igual dos afiliados aqui do blog..vamos ao tuto então!

A imagem gira ao passar o mouse

Exemplo (passe o mouse na imagem)

#Não uso mais o efeito

Esse código pode ser usado onde você quiser esse efeito, no meu caso usei na elite de afiliados.

Vá em design >Editar HTML > aperte Ctrl F e procure por ]]></b:skin>

depois que encontrar cole o código acima de  ]]></b:skin>

.rotate{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;}
.rotate:hover{-webkit-transform: rotate(360deg);} 

Se não quer a imagem redondinha, diminua os números onde diz 50px
1.20s é o tempo, enquanto menor o número mais rápido a imagem gira
360deg é o grau de rotação

Certo agora Salve

Como o código funciona na imagem??

Vá em design  > Adicionar um gadget  > HTML/JavaScript


Use o código: 
Sem link:

<img src="URLdaIMAGEM" class="rotate">

 Com link:

<a href="URL"> <img src="LINK DA IMAGEM" class="rotate"></a>

Prontinho, é bem fácil né?! espero que tenham gostado