Efeito Hover nos afiliados

Á Pedido da Ana, vou explicar como deixar o efeito hover, nos afiliados ( Igual ao meu ), fica transparente e quando passa o mouse fica normal ! Vamo Lá !

Vá até Design > Editar HTML > (Ctrl + F) e procure por  ]]></b:skin>. Acima dela, cole o seguinte código:

.afiliados {

opacity: 0.7;

-webkit-transition: 0.5s;

border-radius:15px;

width: 50px;

height: 50px;

text-align: center;}

.afiliados:hover {

opacity: 1.0;

}

Agora salve. E se direcione à Design > Elementos da página. Clique em "Adicionar um Gadget", e escolha a opção HTML/Javascript. E cole nele, o seguinte código:

<a href="URL do blog afiliado" none;="" target="_blank" text-decoration:="" title="Nome do Blog"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="Url da imagem" style="opacity: 0.5;" /></a>&nbsp

RESULTADO :
     
Para acrescentar mais afiliados, é só duplicar o código !

Espero ter ajudado !

2Bjo