Tutoriais Natalinos

 Oi meus queridos pãozinhos de mel, hoje parei para notar que falta pouquíssimo para o natal, exatos 22 dias, e isso me desanima pois soube que não irei montar a árvore de natal esse ano por causa da mudança que irei fazer no próximo dia 14, triste isso. Mas enfim, estive pensando em um tutorial bacana para trazer á vocês sendo oportuno devido a data, e como á cada blog que eu entro estão eles lá. E como surpresa, decidi trazer dois tutoriais e não apenas um (haha) [...]
Bem, decidi trazer desta vez o tutorial de "Flocos de Neve", todos estão colocando em seus Layouts eles como simbolo de que estão pronto para o Natal, no clima natalino, achei ridículo.. mas interessante, é lindo ele porém não sou muito climático assim.
(clique para visualizar aplicado)
Vá no Blogger » Modelo » Editar HTML » Ctrl + F (Procure por:)
<head>
Quando encontrado, abaixo cole este código:
<script type='text/javascript'>
sitePath = 'http://vanessaluiza.com/_utilidades/script/let-it-snow/';
sflakesMax = 0.15;
sflakesMaxActive = 110;
svMaxX = 1;
svMaxY = 1;
ssnowStick = 0;
sfollowMouse = 1;
</script>
<script src='http://vanessaluiza.com/_utilidades/script/let-it-snow/script/snowstorm.js' type='text/javascript'></script>
Salve, e Feche. FIM, este tutorial acaba por aqui, só você dar F5 na página do seu blog e aparecerá os flocos caindo. Este tutorial consegui adquiri-lo no blog da Vanessa Luiza.
Efeito Desfoque nas Imagens
(clique para visualizar aplicado)
Vá no Blogger » Modelo » Editar HTML » Ctrl + F (Procure por:)
]]></b:skin>
Logo acima desta tag, cole este código:
.Desfoquetty {
width:55px;
padding:4px;
 -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.Desfoquetty:hover {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-filter: blur(2px);
color:#fff;
Salve e Feche. Agora vá até Layout » Adicionar Gadgets » HTML/Javascript » Cole este código no corpo do conteúdo:
<a href="LINK DO BLOG" title=' TITULO DO BLOG ' onmouseover="ddrivetip('havingthemes')" ;="" onmouseout="hideddrivetip()"><img src=" URL DA IMAGEM  " class="Desfoquetty" /></a>
Este tutorial consegui no Iris Jovem. Espero que tenham gostado desses dois tutoriais, são simples de serem aplicados, o código é fácil.

3 comentários

Postar um comentário

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo