Feliz 2014!

domingo, 24 de fevereiro de 2013

Efeito Hover nos Afiliados

Tumblr_mfcsfcbjng1rcgmdoo1_500_large
                                     Yoo
gente estou tão feliz pelos 100 seguidores vocês não tem nem noção
 então vem trazer esse post pra vocês vamos 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
 E pronto!
Creditos: BC
tchau beijos

Nenhum comentário:

Postar um comentário