Novo layout + Tutorial - Efeito Flipping


Olá.

Sim, vocês não estão sonhando, eu troquei o layout do blog, de novo, sei que botei aquele tem pouco tempo mas acontece que o blog é reconhecido pela inovação, se eu sei fazer layout porque eu não faço? Esse layout é todo azul, uma cor que eu acho muito bonita, não tenho muito o que falar sobre ele, eu tentei fazer esse layout bem agradável pra mim e para vocês, então o que acharam?

Para o post não ficar vazio eu decidir trazer um tutorial de um efeito para vocês, o nome desse efeito é Flipping, ele é ótimo para imagens do gadget welcome, afiliados ou aonde vocês preferirem, a previa do efeito é essa: ~(^з^)-☆, se gostou prossiga com o tutorial.


: Vá no HTML do blog e procure por <head> e cole abaixo dessa tag o código abaixo:

<link href='http://static.tumblr.com/0xqvkot/MdKmj9am9/flippingkw.css' media='screen' rel='stylesheet'/>

:  Ainda no html do blog procure por ]]></b:skin> e cole acima dessa tag o código abaixo:

.efeitoflipping{
padding: 3px;
}
.efeitoflipping:hover{
-webkit-backface-visibility: visible !important;
 -webkit-animation-name: flipping;
 -moz-backface-visibility: visible !important;
 -moz-animation-name: flipping;
 -o-backface-visibility: visible !important;
 -o-animation-name: flippink;
 backface-visibility: visible !important;
 animation-name: flipping;
-webkit-animation-duration: 1s;
 }
Salve e prossiga com o tutorial. 
 :  Agora adicione um novo gadget HTML/JavaScript e cole o código abaixo:

<a href="LINK" title="Nome do blog"><img src="LINK DA IMAGEM" class="efeitoflipping"/></a>
Pronto, se usar de os créditos ao KW e ao PC.

10 comentários:

  1. Uau , que lindoooooooooooooooooo :3
    Adorei! E ótimo tutorial!

    Abraços ♥

    VISITE : http://pensamento-jhenny.tk/
    Post novo \õ

    ResponderExcluir
  2. Olá! Awwwwwwwwwwn, o layout ficou a coisa mais fofa do mundo :3 Tão lindo *---* Adorei ♥
    E esse efeito é super bacana :D Tem um resultado bem legal, gosto bastante :D
    Ótimo post <3

    Beijos, Mrs. Nightshade.

    ResponderExcluir
  3. Já conhecia o efeito pelo KW mas foi bem útil relembrar dele, adorei o novo layour mulherda e espero que se dê bem com ele né, u_ú

    Kissus, R-emember December

    ResponderExcluir
    Respostas
    1. É sempre bom mesmo. Acho difícil já que eu sou meio alérgica a layouts, mas eu quero passar um bom tempo com ele. :3

      Excluir
  4. O efeito é muito fofo *-*
    Esse layout tá divo, adorei >u<

    World Of Tutos

    ResponderExcluir
  5. O layout está muito divo *OO*
    Esse efeito é perfeito *w*

    ~~> Lovers Of Html :3 Clica! <~~

    ResponderExcluir