1. Primeiramente vá ate seu HTML e procure por ]]></b:skin>, assim que o achar acima dele cole esse código:
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:
<a href="Link do blog"><div class="u-down"><img src="Link da imagem" title="Palavra"></div>