sábado, 28 de julho de 2012

Afiliados com efeito giratório



Agora vou ensinar vocês a colocarem o efeito giratório nos seus afiliados. Como assim, efeito giratório? Assim:

                                             


                                             

Legal né? Deixa seus afiliados super fofos. Clique em Mais Informações para ver o tutorial:


1°. 
Vá no HTML do seu blog
2°. Dê um Ctrl + F e procure por ]]></b:skin> 
3°. Acima dessa TAG cole o código seguinte:

.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;
box-shadow: 2px 1px 2px #909090;
}
.elite:hover{-webkit-transform: rotate(360deg);} 

4°. Vá em layout e adicione um gadget HTML/JavaScript com o seguinte código:

<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>


Prontinho, fácil e prático! Beeeeijos!

Nenhum comentário:

Postar um comentário