imagem com efeito giratório!!

Oiii hoje vou ensinar um tuto que aprendi no BAD REPUTATION e que usei no blog de encomendas,que ensina a por uma imagem giratória no blog, aonde você quiser, eu acho que fica legal nos parceiros mais  cada um com sua opinião, bom,vamos ao tuto

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 

não esqueçam de comentar!!!