Afiliados : Efeito hover.

 Por: Lalalalala    11:10  efeitos, goodies, tutorial   Sem Comentarios

Olá amores  fiquei 3 dias sem postar porque estou doente :c , to super gripada e fiquei de repouso, porém já estou bem melhor e decidi voltar as minhas funções diárias kk.

Bom, trouxe esse tuto pra Afiliados... O que é afiliados ? afiliados são os blogs que você tem parceria, ou seja os blog que te ajudaram ou te ajudam ou seus amigos. 

As imagens para afiliados você pode achar prontas ou você mesma fazer, as dimensões são 40x40, 50x50, 70x70 ou 225x50 .Agora que você já sabe o que é Afiliado e como fazer as imagens vamos ao tuto.

Preview

Procure por ]]></b:skin>

E acima dele coloque afiliados {

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

.afiliados:hover {
opacity: 1.0;
}

Depois disso vá em Layout e crie um Gadget HTML/JavaScript e adicione o código

<a href="URL DO BLOG="Título da imagem"><img src="LINK_DA_IMAGEM" class="afiliados"/></a>