Efeito 180 graus nos afiliados

Acho esse efeito muito lindo, minha colega procurou perguntando para blogueiras que usam e nenhuma quis responder. Então achei esse no Things to You!

vá em design -> editar html -> procure por:

]]></b:skin>

Cole acima dele esse código:

.180peh {
opacity:1.0;
-webkit-transition:All 0.9s ease-in-out;
-moz-transition:All 0.9s ease-in-out;
-o-transition:All 0.9s ease-in-out;margin:3px;
}
.180peh:hover{
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg)
} 

Agora, vá em elementos da página, adicionar um gadget onde vc deseja colocar seus afiliados, escolha Javascript e cole o código abaixo: (a quantidade de afiliados, é a quantidade de vezes que vc precisa colocar esse código!)

<a href="URL DO BLOG AFILIADO"><img src="URL DA IMAGEM" class="180peh" title="TITULO AO PASSA O MOUSE"></a>

Altere o texto em negrito do jeito que se pede e pronto.
MILHÕES DE CREDITS AO THINGS TO YOU! QUE ME AJUDOU À ENTENDER E À FAZER ESSE CÓDIGO QUE É DO PEDRO HENRIQUE.
Bjs..