Efeito "Wow"


Oi gente ^^ hoje vim trazer um tutorial do blog Kawaii World blog perfeito, que se chama "Efeito Wow", Preview aqui ( 7º gadget, a preview também é do KW ), vamos aprender?

Vá em Modelo>Editar HTML> Aperte Ctrl + F e procure por: <head>. Abaixo dessa tag, cole:
<link href='http://static.tumblr.com/dlelfro/M7Rmibw12/efeitowowkw2.css' media='screen' rel='stylesheet'/>
       Ainda em seu HTML, procure por ]]></b:skin> e acima dessa tag, cole:
.efeitowow{
}
.efeitowow:hover{
-webkit-animation-name: wow;
    -moz-animation-name: wow;
    -o-animation-name: wow;
    animation-name: wow;
-webkit-animation-duration: 1s;
 }
Salve. Agora, por último, adicione um gadget HTML/JavaScript e nele cole o código abaixo:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitowow" /></a>
OBS: Substitua os textos destacados pelo que se pede. Só isso. Gostaram? c:


8 comentários:

  1. Já pus o seu blog como afiliado no meu c:

    http://m-ilsegredos.blogspot.com.br/

    Beijos

    ResponderExcluir
  2. Eu amei esse efeito, acho que uso no proximo layout, já estou seguindo retribui ?
    (dica: seu blog esta com dois gadgets de seguidores)

    anainstant.blogspot.com

    ResponderExcluir
    Respostas
    1. que bom que gostou ^^ já estou seguindo vc. O gadget de seguidores no topo é só um print uhehue, mais ficou estranho então vou tirar (:

      Excluir
  3. Eu aceito a afiliação ok ? http://your-wolf.blogspot.com.br/

    ResponderExcluir

Regras:
-Aceito críticas, porém, comentários ofensivos/maldosos serão apagados.
-Não aceito mais: Seguindo, segue de volta?
-Coloque o link de seu Blog no fim do comentário, é garantido que irei visita-lo e dependendo do conteúdo, até posso segui-lo :3
-Comente a vontade!