Bom dia gente!
Depois de alguns pedidos, eu trouxe o tutorial do efeito que eu uso na minha elite de afiliados. Ele também foi usado na elite do Layout Free da Boo que postei aqui um tempo atrás. Na época em que eu usei pela primeira vez, peguei do tumblr World Designs , que ainda estava aberto, mas depois ele ficou um tempo em hiatus, abriu de novo e atualmente ele está fechado. As donas decidiram acabar com ele, pois segundo elas haviam cansado do tumblr.
Assim, peguei o código do meu HTML mesmo, já que o WD foi desativado. Por isso talvez vocês encontrem algumas coisas diferentes, porque sempre que eu uso algum efeito de um blog/tumblr costumo mexer nele.
Procure por ]]></b:skin> e acima dessa tag cole:
.spineffect{max-width:85px;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.spineffect:hover{-webkit-animation-name: spin;-webkit-animation-duration: 400ms;-webkit-animation-iteration-count: 2;-webkit-animation-direction: alternate;}@-webkit-keyframes spin {from {opacity: .99;-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform: rotate(0deg);}to {opacity: .30;-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform: rotate(360deg);}}
Não mexa em nada, deixe o código do jeito que está, pois algumas alterações podem comprometer o efeito. Depois adicione um gadget de HTML/Javascript e nele cole:
<a href="LINK DO BLOG"title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="spineffect"/></a>
Fiz algumas imagens para vocês usarem junto do efeito:
São todas do mesmo modelo, mas você pode encontrar mais aqui.
Beijos♥
Awh, adorei o efeito, acho que vou usar no próximo lay.. É as imagens também.. Que perfeição é essa? HSDHAS'
ResponderExcluir>> http://barbiemundogirls.blogspot.com.br/
Amei o efeito,fica bem bonito. E as imagens também são demais! ~Beijos
ResponderExcluirhttp://revolutionstartshere-oficial.blogspot.com.br/
Nossa, Bárbara, o efeito é muito legal!
ResponderExcluir~brincando de gira-gira com o efeito~
Beijos.
~Upsides Down.
Esse efeito é super bonito mesmo, existe algumas outras versões do efeito spin também.
ResponderExcluirBeijos
BANGTEEN.BLOGSPOT.COM
Lindo!
ResponderExcluirEu lembro quando este blog possuia um layout simples da Ariana Grande. Quando olho penso o quanto o ♥CD♥ cresceu. Muito sucesso com o blog!
Beijinhos, PÊ.
Meykas.blogspot.com/
achei bem fofo,lindo, talves eu use no proximo lay meu!
ResponderExcluirAmei as cores do seu blog!
eu sei que é chato mais segue?
http://sense-wonder.blogspot.com/
Você ama esse efeito, não, Babi?? Lembro-me dele com aquele lay de Natal *--* Ele é lindo, mesmo! Kisses!
ResponderExcluirJu, do Epílogos e Finais.
Efeito lindo. Vi o rostinho da Bom no seu avatar e quando entrei no blog 2NE1 na playlist! Haha, estou seguindo com certeza. Adorei seu blog.
ResponderExcluirhttp://worldspanda.blogspot.com.br/
Que lindo o efeito, vou usar no próximo lay (:
ResponderExcluir~ Amor, eu ainda quero ser a postadora sim, rs. Ainda quer que eu seja ?
Beijos ;*
poisonhtml.blogspot.com
ooi, eu de novo, k.
ExcluirEntão, o e-mail é poisonhtml@hotmail.com mesmo c:
Beijos ;*
Adorei o efeito. Fica muito fofo *^*
ResponderExcluirAmei o blog. Seguindo aqui
Kissus
Mar de Glitter
Oi, quando sai o resultado de quem mais passou para equipe? Ou só vai ser a Layla :(
ResponderExcluirKissus
http://baby-bluer.blogspot.com
Adorei o efeito :3
ResponderExcluirRebloguei com creditos ok?
http://withoutkawaii.blogspot.com.br/2013/07/efeito-spin.html
credite sempre ;)
ExcluirAdorei o efeito! Talvez eu use no próximo layout ^^
ResponderExcluirSe puder dar uma passadinha no meu blog, eu iniciei ele hoje e gostaria que você desse uma olhadinha nele ><
E se gostar, ficaria feliz se seguisse o Otome Dream ^^
http://otome-dream.blogspot.com.br/