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.

Tutoriais Natalinos

3 comentários: