efeito para afiliados #1

efeito exclusivo, se houver um igual é mera coincidência

Ei, sorvetinhos de flocos com cobertura de chocolate, como vocês estão? Depois dessa volta triunfante, eu tive que ajudar a Bru a aumentar suas técnicas de HTML e o Blogger tava de palhaçada comigo, por isso na home de vocês deve estar aparecendo três postagens iguais. Portanto eu consegui fazer um efeitozinho bem legal, que eu me apaixonei assim que o terminei >..< aliás, creditem se usarem, por favor, eu não gostarei de tomar medidas drásticas por causa disso. Voltando ao post... eu realmente não faço ideia de que nome colocar, então decidi deixar sem nenhum nome mesmo, né? Engraçado é que têm blogueiro que parece que espirra criatividade, diferente de mim :'( enfim, vamos parar com o meu típico chororô e ir logo pro tuto? {preview aqui}

1. Vá em Modelo >> Editar HTML >> Procure por ]]><

Assim que achar a tag procurada, cole o código abaixo acima dela:

.efeitohtmlittle {
transition:All 1.3919s ease;
-webkit-transition:All 1.3919s ease;
-moz-transition:All 1.3919s ease;
-o-transition:All 1.3919s ease;
transform: rotate(0deg) scale(0.945) skew(-180deg) translate(2px);
-webkit-transform: rotate(0deg) scale(0.945) skew(-180deg) translate(2px);
-moz-transform: rotate(0deg) scale(0.945) skew(-180deg) translate(2px);
-o-transform: rotate(0deg) scale(0.945) skew(-180deg) translate(2px);
-ms-transform: rotate(0deg) scale(0.945) skew(-180deg) translate(2px);
}
.efeitohtmlittle:hover{
transform: rotate(0deg) scale(1.191) skew(-180deg) translate(146px);
-webkit-transform: rotate(0deg) scale(1.191) skew(-180deg) translate(146px);
-moz-transform: rotate(0deg) scale(1.191) skew(-180deg) translate(146px);
-o-transform: rotate(0deg) scale(1.191) skew(-180deg) translate(146px);
-ms-transform: rotate(0deg) scale(1.191) skew(-180deg) translate(146px);
}

Por favor, não mexa em nada, senão pode dar algum erro.

2. Salve e agora vá em Layout >> Adicionar um Gadget >> HTML/JavaScript

Dentro desse gadget cole o seguinte código:

<center><a href="URL" title="NOME"><img src="URL DA IMAGEM" class="efeitohtmlittle" /></a>

Modifique apenas as partes destacadas. Agora é só salvar e visualizar seu layout para ver se está tudo certo. Espero que tenham gostado, besitos! =3