Olá pessoal, hoje ensinarei vocês á como como colocar afiliados com um tom á mais, ou seja, que ao passar do mouse, ele gira.. é bem simples, e dará para fazer rapidinho. Vamos começar?
1ª Parte
Vá em Design Editar HTML Expandir modelo de widgets Ctrl F Procure por:
body {Abaixo dele, cole este código:
.rotate{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto;-webkit-transition-duration: 1.20s;} .rotate:hover{-webkit-transform: rotate(360deg);}A Primeira parte acabou, agora salve, e feche.
2ª Parte
Entre em Layout Adicionar Gadgets HTML/Javascript Copie e cole o código abaixo:
<img src="URL DA IMAGEM" class="rotate">Observação:
- Onde está em azul, substitua pelo Link da imagem hospedada em algum lugar. (Recomendo o Tinypic)
- Créditos do tutorial ao blog Sweet Poison.
Nenhum comentário
Postar um comentário