Efeito U-Down

Yoooo!!!! Como vão? Bom dei uma rápida olhada nos comentários e vi pedidos de divulgação e que estão precisando de postadores; como também uns fazendo grosseria pela minha demora a responder. Gente eu realmente quero ajudar mas estou fora no momento e é impossível fazer isso agora, então tenham paciência por favor. Assim que eu voltar vou atender todos os pedidos.

Brevia do efeito

Agora mudando de assunto hoje vou mostrar um efeito bem legal.  É perfeito para afiliados mas vocês usam como desejarem rs' então vou parar de enrolar e mostrar logo o tutorial vocês devem querer me bater de tanto que digito. 

1.Primeiramente vá ate seu HTML e procure por ]]></b:skin>, assim que o achar acima dele cole esse código:

Códigos

.u-down {
-webkit-transition: -webkit-filter 1s;
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
padding: 2px;
border: 1px solid #eee;
-webkit-transition: all 1.5s ease;
transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease-in-out;
-o-transition:All 1s ease-in-out;
transform: rotate(360deg)   translate(0px);
-webkit-transform: rotate(360deg)   translate(0px);
}
.u-down:hover{
padding: 2px;
border: 1px solid #eee;
 -webkit-filter: sepia(50%);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
duration: 50s;
transform: rotate(180deg) scale(0.637) skew(1deg) translate(0px);
-webkit-transform: rotate(180deg) scale(0.637) skew(1deg) translate(0px);
}

2. Salve. Agora vá ate a pagina chamada "Layout" abra um gadget HTML/Javascript e dentro cole o código abaixo:

Códigos

<a href="Link do blog"><div class="u-down"><img src="Link da imagem" title="Palavra"></div> 

Mude as partes em negrito e prontinho os créditos são para o blog KW.