Tutorial: Como colocar afiliados com bordinha e opacidade

          

Oi lindos da minha life :) Hoje, como a prova do do meu primeiro post aqui do TTG vou postar um tuto bem útil pra quem tem elite no blog. Vamos lá então! Créditos: Sweet Girl

Bom, o primeiro passo, é ir no seu HTML e procurar por:

]]></b:skin>

Segundo passo, você vai copiar este trecho e colar acima de ]]></b:skin>

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

Depois, salve. Vá no seu modelo de layout e adicione um gadget com o seguinte código:

<a href="LINKAQUI " title="TITULO AQUI"><img src="IMAGEM AQUI" class="afiliados"/></a>

Prontinho. Fica lindo né?...

Beijinhos, Júuh