Tutorial - Efeito na entrada do blog

 



Boa tarde, pessoal.

Eu deixo as coisas sempre para a última hora e por isso estou cheia de exercícios e trabalhos para fazer e entregar amanhã. Tentarei fazer rapidinho e voltar para cá, mas peço que tenham paciência. No post anterior eu havia dito que a ask já estava aberta e muitos me perguntaram qual é a ask, então a resposta: Vão até a página 'pedido' e lá acharão tudo nos conformes. Lembrem-se sempre de especificar tudo na hora de pedir, incluindo a postadora que deve realizar tudo, pois se não fizer isso os pedidos serão ignorados e apagados, ainda mais se forem feitos várias vezes pela mesma pessoa. Aguardem pacientemente e a sua vez vai chegar uma hora ou outra.

Resolvi utilizar um tipo de efeito fade que encontrei por aí como "entrada" para o blog. Sei que a moda agora é colocar um efeitinho nas coisas sempre que elas vão abrir, seja no blog inteiro ou somente em alguns gadgets. O efeito abaixo é bem simples de aplicar e nem é extenso, você também pode escolher entre aplicar no blog todo ou em apenas uma parte, deixarei o tutorial dividido assim. Para ver, clique aqui.




1. Vá até o Modelo > editar HTML e procure por <head>. Abaixo desse código, cole:

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


Se quiser aplicar no blog inteiro

2. Procure por <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> e abaixo disso, cole:

<div class='efeitofofo'>

3. Procure por </body> e acima disso, cole:

</div>


Se quiser aplicar em apenas um gadget ou uma imagem, etc.

2. Em um gadget de HTML/JavaScript, cole o seguinte:

<div class='efeitofofo'> seu código normal </div>


Nenhum comentário:

Postar um comentário