Iamgem que gira ao passar o mouse

Olá meus amorecos, que dia feliz né?

Quando eu entra no blog, Cherry bomb, eu olhava os afiliados e percebia que quando eu passava o mouse em cima da imagem, ela girava, então eu achei super interessante, mas no blog não tinha o tutorial, então eu resolvi procurar, até que eu achei, então vou postar aqui, explicando com faz.

Vá em Design → Editar HTML e marque a caixinha "Expandir modelo de windget"

Tecle CTRL+F ou F3 e procure por:

body {

Quando achar, logo ao lado dele cole isso

.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);} 

 Agora Add um Gadget, com esse codigo aqui:

 <img src="URL DA IMAGEM" class="rotate">

 Cole o link da imagem que você quer que rode e pronto.