Afiliados giratórios

Hoje irei mostrar como colocar os afiliados com efeito giratório, eu já usei esse efeito aqui no blog e particularmente e bem interessante e vale a pena usar pelo menos uma vez. Então se deseja fazer já sabe onde clicar.

Brevia do efeito

1. Dentro do seu HTML procure pela tag  ]]></b:skin>, acima dela cole o próximo código:

Códigos

.afiliados {
box-shadow: 2px 1px 3px #909090;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;transition-duration: 3s;-moz-transition-duration: 3s;-webkit-transition-duration: 3s;}.afiliados:hover {transform: rotate(-360deg) scale(1) skew(0deg);-moz-transform: rotate(-360deg) scale(1) skew(0deg);-webkit-transform: rotate(-360deg) scale(1) skew(0deg);-o-transform: rotate(-360deg) scale(1) skew(0deg);}

2. Agora vá para seu layout o elementos de pagina,  lá crie um gadget Html/Javascript  e dentro dele coloque esse codigo

Códigos

<a href=" Link do Blog" title="Nome do blog"><img src="Imagem aqui" class="afiliados"/></a>

Arrume os afiliados dentro desse últimos código e só repedir quantas vezes for necessário.