10/02/2013

Tutorial: Efeito fade no blog

||

Olá pessoal da madrugada! Alguém ai? Ahhh me desculpem ter fechado o blog do nada, deu um pequeno erro na coluna e tive que dar uma ajeitada, mas esta tudo ok agora. Venho trazer um tutorial bem legal, eu achei ele primeiramente em um tumblr, não lembro o nome agora, mas achei ele no blog KW, não esqueçam os devidos créditos. Ele faz um efeito fade ao entrar no blog, toda vez que a pagina for aberta vai entrar como fade. Quer dar uma olhadinha? Clique aqui é veja! E aí, gostou? Não é nada dificil de fazer, em apenas 3 coladas já esta no seu blog, eu fiz teste em alguns navegadores que eu tenho é funcionaram o Firefox, Google Chrome e Safari menos o Internet Explorer o vilão para nossos efeitos. Mas querem aprender como se faz?



1. Primeiro vá ate seu Editar HTML e procure por <head>. Abaixo dele, cole:

 <link href='http://static.tumblr.com/dlelfro/poLmhgl7d/acender.css' media='screen' rel='stylesheet'/>


2. Agora você procura por <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> 
e abaixo dele cole:

 <div class='efeitofofo'>

 3. Terceiro é ultimo passo, procure por </body> e acima dele cole:

</div> 

Vizualise se tiver tudo certinho, salve!

16 comentários:

  1. Que lindo amei *---*,

    ResponderExcluir
  2. Mais fácil do que eu imaginei, e bem legal! Odeio o Internet Explorer, perdi um lay completo por causa dele. No Chrome estava lindo, mas quando eu abri no explorer...ridículo! Tive que fazer um novo...

    Kissus!

    ResponderExcluir
    Respostas
    1. Nossa que ruim isso D:
      Mas ele é realmente horrivel, sempre que adiciono um codigo entro lá ou não funciona ou fica deformado.

      Excluir
    2. Não sei se o Internet Explorer 8 ainda tem o Beta para baixar de graça , mas ele é muito bom , e tá mais rápido que o Chrome

      Excluir
    3. Verdade eu soube disso, porem ainda não usei

      Excluir
  3. Estava atrás desse é bem mais bonito que o outro !

    ResponderExcluir
    Respostas
    1. Concordo, acho esse mais sutil

      Excluir
  4. AWWW *--* FICOOU super fofo ! Thank #

    ResponderExcluir
  5. não sei o que fiz de errado mais não tá dando certo aparece uma mensagem de erro nos códigos :(

    ResponderExcluir
    Respostas
    1. Estranho, experimenta fechar a aba e abrir de novo. Faz assim o do head cole no local e então procure por: <body expr:class='"loading&q se o erro não for ai procure por </body> sem as </> tipo só "body"

      Excluir
  6. Eu estava procurando esse tutorial e encontrei, obrigada ^-^ era tbm esse efeito que eu queria, muito fácil e você explica bem *-*

    ResponderExcluir
    Respostas
    1. Hihi de nada. Ele é super lindo né?

      >/////< thanks

      Excluir
  7. Obg :3 Muito bom o Tutorial !
    http://falajohn.blogspot.com.br/

    ResponderExcluir