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

3 comentários:

  1. Nossa que efeito bacana heim ? adorei mesmo ta de parabéns abraços adorei o tutorial.

    cherry--berry.blogspot.com

    ResponderExcluir
  2. Claro aceito sim a afiliação ja vou te colocar na elite so peço que não suma do meu blog pois blogs assim eu ja tiro. beijos fofa seu blog é divo.
    cherry--berry.blogspot.com

    cherry--berry.blogspot,com

    ResponderExcluir

Yoo chokito ^y^
Vejo que está indo comentar, fico feliz por isso, cada comentário pra mim é uma voz dizendo "Continue, não se desvie do seu sonho!" então muito obrigada... Mas, antes eu vou dizer algumas regrinhas, ok?

- Por favor, não fique no anônimo apenas para xingar alguém. E se não me engano, isso é o quê as blogueiras mais pedem. Eu ficarei muito agradecida se ninguém aqui praticar coisas do tipo, até porque estamos num pedacinho do céu, e temos que preservar a paz, certo? Certo!

- Se quiser pedir afiliação, é só ir na página que está no menu lá em cima. Querem uma asinha para subir? =3

- Desculpem, mas não faço parte do "Seguindo, segue de volta?", até porque aqui não é Twitter, né? E mesmo assim, eu visitarei todos os blogs, e seguirei se gostar do conteúdo. Não me importo com o layout, até porque estamos aqui para ajudar uns aos outros, né?

- Em breve estarei fazendo uma Ask para o blog, mas enquanto isso podem perguntar por aqui mesmo.

Bom... Eu acho que é só isso! Se quiserem algum tuto ou tag, podem pedir à vontade. Besitos, amo vocês! <3