5 de mar de 2013

5

Efeito Wow


  Hey pessoas
482561_455684361167328_1479952394_n_large
Eu estava vagando pela internet e achei esse tutorial lá no KW(créditos a eles), eu achei super legal, pois dá um "chan" no blog ao passar o mouse, clique aqui para o preview

1.Vá em Design>>Modelo>>Editar HTML
E procure por <head>, abaixo da tag cole:
<link href='http://static.tumblr.com/dlelfro/M7Rmibw12/efeitowowkw2.css' media='screen' rel='stylesheet'/>
2.Procure por (Ctrl+F) ]]></b:skin> acima dele cole:

/*efeito wow*/
.efeitowow{
}
.efeitowow:hover{
-webkit-animation-name: wow;
    -moz-animation-name: wow;
    -o-animation-name: wow;
    animation-name: wow;
-webkit-animation-duration: 1s;
 }
/*efeito wow*/
Visualize e salve!!

3.Em Design>>Layout>>Adicionar Um Gadget coloque:
<a href="LINK" title="TITULO"><img src="http://i.imgur.com/b4C7JII.jpg" class="efeitobu" /></a>
Pronto, agora é só editar TITULO e LINK , repetir o código caso queira mais de um, e salvar
Kissi




5 comentários:

baby_monster disse... Best Blogger TipsAnswerBest Blogger Templates

woonnn que efeitoo lindoo demaiss o/
ameiii
acervo-de-livros.blogspot.com

Bia 4Teen disse... Best Blogger TipsAnswerBest Blogger Templates

Sim, perfeitíssimo !!haha
Kissi

Layza Guedes disse... Best Blogger TipsAnswerBest Blogger Templates

Bia minha flor! É a Laly =D Minha linda,você ta como igualitária do mês lá no blog. Dá uma olhadinha depois!

Beijos,Mundo igualitário

Bia 4Teen disse... Best Blogger TipsAnswerBest Blogger Templates

Layza GuedesOwwnnt, brigada Laly!!!
Kissi

Duda Parker ~ disse... Best Blogger TipsAnswerBest Blogger Templates

E qual é o código que eu coloco para usar??