1 de agosto de 2012

Tutorial: Colocando efeito giratório nos afiliados



Olá meus bichinhos de pelúcia! Tudo bem com vocês?
Eu confesso que não tenho postado muito, mas ando doente...
Mas, hoje eu trouxe um tutorial bem procurado por algumas leitoras!
Vou ensinar a como colocar efeito giratório nos afiliados.
Se quiser aprender, "continue lendo...".



1- Primeiramente, vá no HTML de seu blog, aperte CTRL+F e procure por:
]]></b:skin>


2- Acima dessa tag, cole o seguinte código:

.afiliados {
box-shadow: 2px 1px 3px #909090;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;transition-duration: 3s;-moz-transition-duration: 3s;-webkit-transition-duration: 3s;}.afiliados:hover {transform: rotate(-360deg) scale(1) skew(0deg);-moz-transform: rotate(-360deg) scale(1) skew(0deg);-webkit-transform: rotate(-360deg) scale(1) skew(0deg);-o-transform: rotate(-360deg) scale(1) skew(0deg);}
3- Depois disso, salve e vá em Elementos da página. Lá, adicione um gadget Html/Javascript, e cole o código abaixo:

<center><a href=" Link do Blog" title="Nome do blog"><img src="Imagem aqui" class="afiliados"/></a>

4- Substitua o nome, o link e a imagem, e pronto! Salve!


Entenderam? Gostaram do tuto.?
Comentem dizendo se foi útil, o que quiser!


Muito obrigada!
Se reblogar, credite, pois eu peguei os códigos do blog abaixo, mas escrevi de meu jeito.
Créditos à: BAG



Nenhum comentário :

Postar um comentário