Elite de Afiliados Hover

Bom dia pessoal , como estão ?

Hoje explicarei um tutorial para vocês , é simples e fácil mas que dá um modelo diferenciado para a elite de afiliados de vocês . É a elite de afiliados Hover com bordas e Opacidade. Já faz um tempinho que elaborei essa elite , tive a oportunidade de posta-la no meu blog mas isso já tem alguns meses atrás então decidi explicar hoje aqui.

A elite não tem muitos detalhes como essas mais inovadoras mas digamos que

é bem bonitinha para quem gosta de simplicidade no blog ao invés de coisas chamativas:

No seu painel HTML procure pela tag /b:skin e acima dela cole:

.afiliados {
opacity: 0.7;
-webkit-transition: 0.5s;
border-radius:15px;
width: 50px;
height: 50px;
text-align: center;
}
.afiliados:hover {
opacity: 1.0;
}

Para poder usa-la basta você colar em um Gadget HTML/JavaScript esse código abaixo:

<a href="LINK DO BLOG" title="Título "><img src="LINK DA IMAGEM" class="afiliados"/></a>

Substitua o que está em negrito , salve e pronto !