Efeito natalino
E aí pessoal, beleza? Como prometido, estou aqui para fazer um post sobre blogger pra vocês! No entanto, estarei postando sobre o blogger apenas aos domingos. Em breve, estarei postando aulas de Photoshop Cs6 e utilitários sobre o mesmo.Bom, dezembro é um mês festivo onde o Natal e o Réveillon são as principais atrações. Portanto, estarei compartilhando este código com vocês para tornar o seu blog um pouco mais natalino.
Confira também: #Moda: O que usar no Réveillon?
Como fazer?
Então, vamos lá. Primeiro, acesse o painel do seu blog. Em seguida, clique na guia Layout, clique em Adicionar um Gadget do tipo HTML/JavaScript e cole o código a seguir, salve e pronto!<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 = 0;
</script>
<script src='http://vanessaluiza.com/_utilidades/script/let-it-snow/script/snowstorm.js' type='text/javascript'></script>
<div style="z-index: 9999999999999998; left:0; top:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/128/christmas-bells-icon.png" /></div>
<div style="z-index: 9999999999999998; right:0; top:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/128/christmas-bells-icon.png" /></div>
<div style="z-index: 9999999999999998; right:0; bottom:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/256/santa-gifts-icon.png" /></div>
<div style="z-index: 9999999999999999; font-size: 50px; padding-right: 20px; padding-bottom: 10px; font-family: impact; color: #fff; right:0; bottom:0; position: fixed; text-shadow: 0px 0px 30px #000;">Feliz Natal!
</div>
sitePath = 'http://vanessaluiza.com/_utilidades/script/let-it-snow/';sflakesMax = 0.15;
sflakesMaxActive = 110;
svMaxX = 1;
svMaxY = 1;
ssnowStick = 0;
sfollowMouse = 0;
</script>
<script src='http://vanessaluiza.com/_utilidades/script/let-it-snow/script/snowstorm.js' type='text/javascript'></script>
<div style="z-index: 9999999999999998; left:0; top:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/128/christmas-bells-icon.png" /></div>
<div style="z-index: 9999999999999998; right:0; top:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/128/christmas-bells-icon.png" /></div>
<div style="z-index: 9999999999999998; right:0; bottom:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/256/santa-gifts-icon.png" /></div>
<div style="z-index: 9999999999999999; font-size: 50px; padding-right: 20px; padding-bottom: 10px; font-family: impact; color: #fff; right:0; bottom:0; position: fixed; text-shadow: 0px 0px 30px #000;">Feliz Natal!
</div>
OBS: O trecho destacado em vermelho pode ser modificado.
Gostou do post? Compartilhe com seus amigos! Até próximo domingo!
0 comentários :
Postar um comentário