Tutorial: Efeito Shake para afiliados! #blogs #tutorial

Oi minions roxos!!!!

Como vão amiguinhos? Acho que bem, hoje vai ter muita coisa! Sério mesmo... E agora trouxe o tuto do efeito shake que é um efeito muito lindo <3 mas, eu não usei por que no meu HTML não existe ]]></b:skin>  

Bom vamos começar! Click em leiamais>>

Bom, primeiramente os créditos ao blog Only Dreams .

P r e v i e w   d o   E f e i t o

• Vá em Modelo >> Editar HTML >> No seu teclado, click em e F3.
• Vai abrir uma uma caixinha de pesquisa, pesquise pela tag ]]></b:skin> 
• Cole este código ACIMA da tag:

@keyframes zoom {0% {zoom: 50%;-webkit-transform: rotate(10deg;);} 30% {-webkit-transform: rotate(-10deg);} 50% {zoom: 100%;} 60% {-webkit-transform: rotate(50deg);} 70% {-webkit-transform: rotate(-60deg);} 80% {-webkit-transform: rotate(0deg);opacity:0.5;} 100% {opacity:1;} } @-webkit-keyframes zoom {0% {zoom: 50%;-webkit-transform: rotate(10deg;);} 30% {-webkit-transform: rotate(-10deg);} 50% {zoom: 100%;} 60% {-webkit-transform: rotate(50deg);} 70% {-webkit-transform: rotate(-60deg);} 80% {-webkit-transform: rotate(0deg);opacity:0.5;} 100% {opacity:1;} } #zoomrotate {width:300px;} #zoomrotate img {width:90px;height:90px;display:inline-block;margin-left:20px;margin-bottom:10px;}

• Salve.
• Vá em Layout>> Adicionar um gadget>> HTML/JAVASCRIPT
• Cole o este código no HTML/JavaScript :

<div id="zoomrotate"><img src="URL DA IMAGEM"><img src="URL DA IMAGEM"><img src="URL DA IMAGEM"><img src="URL DA IMAGEM"><img src="URL DA IMAGEM"><img src="URL DA IMAGEM"></div>

•  Só altere a parte em negrito, aonde você irá botar o URL da sua imagem!
• Salve

Fim, fica lindo!

-P4nda