Efeito Pink Clean para afiliados

Oi meus filhotinhos de unicórnio! Tudo bem com vocês? Espero que sim. Eu estou fazendo esse post na correria, pois tenho que sair e acho que só irei voltar depois das sete da noite. Volto a dizer que com as férias vindo aí irei ficar mais tempo cuidando e postando no blog, ok? Talvez eu consiga postar aquele modelo de comentários, mas nada certo ainda, mas juro que se hoje não sobrar tempo, posto a qualquer custo amanhã meus queridos.

Remexendo na minha vida na blogsfera, vi esse efeito para afiliados que o apelidei de Pink Clean. Ele é bem simples e acho que pode ficar bom em layouts muito cheios ou que tem muitas cores vibrantes. Ele tem opacidade quando ele esta ativo em hover, mas vocês podem inverter, por exemplo: A opacidade some no hover ou vice-versa, como vocês quiserem.

O código é bem simples, e eu estou com muita presa, então vai ser bem rapidinho.

Exemplo do efeito

Como sempre, no HTML do seu blog procure por  ]]></b:skin>. Assim que o achar, cole acima dele o seguinte código:

.Clean{
padding:2px;
border:1px solid #FFE4E1;
outline-offset: -3px;
outline: 1px solid #F5FFFA;
-webkit-box-shadow: 0px 0px 5px #e0e0e0;
-moz-box-shadow:    0px 0px 5px #e0e0e0;
box-shadow:         0px 0px 5px #e0e0e0;
margin:1px;
width:30px !important;
height:30px !important
opacity: 0.7;
padding: 1px;
-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;
-webkit-transition-duration: .70s;
}
.Clean:hover {
OPACITY: 0.3; outline-style: transparent;
}

Salve. Depois de salvar, vá até o layout do seu blog e adicione um novo gadget Java/Script e cole o seguinte código:

<a href="Link" target="_blank" title="Nome do Afiliado"><img class="Clean" src= "Linl da sua imagem"/></a>
<a href="Link" target="_blank" title="Nome do Afiliado"><img class="Clean" src= "Linl da sua imagem"/></a>
<a href="Link" target="_blank" title="Nome do Afiliado"><img class="Clean" src= "Linl da sua imagem"/></a>
<a href="Link" target="_blank" title="Nome do Afiliado"><img class="Clean" src= "Linl da sua imagem"/></a>

Depois é so modificar o que se pede e salvar.