Add Falling Snowflakes / Flowers / Leaves to Your Blog

Add Falling Snowflakes / Flowers / Leaves to Your BlogPost Updated: Now this tutorial includes an additional snow-storm script. This hack will display falling snow in your blog even though it does not include any images in the script.
Whether it’s winter, spring or your birthday, adding some falling snowflakes/flowers/leaves or balloons to your blog makes it attractive. And to do that, you simply have to paste a code snippet in any of your blogs HTML/JavaScript widgets.
To show this widget only in the Homepage or any other specific page, read this post:
How to show widgets only in specific pages.

Steps To Follow:
Log in to Blogger, go to Layout, click on Add a Gadget and select it as HTML/JavaScript. And add any of the two code snippets:

Falling Snow flakes: Falling SnowFlakes

This code is old. Check the updated new code below.

And to display falling leaves, use this code:

Falling Leaves: Falling Leaves

This code is old. Check the new tutorial here.

NOTE: To change the images, first download the .js files, open it with text pad, and then in the code change the images with your own images.

UPDATE: Thanks to Schillmania, we now have an additional script to add falling snowflakes which looks very similar to actual snowfall.
Have a look at the live demo of this script. [Another Demo]
Code to add:

<script type=”text/javascript” src=”https://od.lk/s/116485933_TvUKI/snowstorm-min.js” />

You can further customize these snowflakes (color, number and twinkle effect) by adding these additional lines of code to it. So to add a customized widget, add this code instead of the previous one:

<script type=”text/javascript” src=”https://od.lk/s/116485933_TvUKI/snowstorm-min.js” />
<!– now, we’ll customize the snowStorm object –>
<script type=”text/javascript”>
snowStorm.snowColor = ‘#99ccff’; // blue-ish snow!?
snowStorm.flakesMaxActive = 96; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>

The SnowStorm script is provided under a BSD license.

Leave a Reply

96 Comments on "Add Falling Snowflakes / Flowers / Leaves to Your Blog"

Notify of
avatar
Sort by:   newest | oldest | most voted
Sharifuddin Ibn Suhaimi
Guest

hello..my snowflakes is not active..why??can u tell me..

View Comment
Divya Sai
Guest

well it’s quite easy, and there’s nothing to go wrong in it, you can try it on any other blog if you want to see the effect !

View Comment
Anonymous
Guest
विनय
Guest

great dude…

View Comment
Divya Sai
Guest

Thanks Vinay !

View Comment
abangwan
Guest

it not work also at my blog.

View Comment
Divya Sai
Guest

There is no problem in the code, the images were hosted at Gigaimage.com (code in red), and the servers at gigaimgae were down,
now they are alright, you can try it now !

View Comment
Divya Sai
Guest

If you are still getting any problem, then replace the red line in the code, with any other image’s direct link !

View Comment
Download Manager
Guest

Its not working in any of my blog.
I tried this script even with changing the image url and on 4 different blogs. But not working 🙁

View Comment
The Queen
Guest

Doesn’t work for me either..

View Comment
bloggerstop.net
Guest

Ya even I found some problem in the code :-/ , and it’s not working even with other javascript codes, I’ll try to change this code ASAP….

View Comment
Divya Sai
Guest

Well I have changes the codes, so it works in Firefox and Opera but not in IE, so you may try it temporarily till I find something better !

PS: Do read the Notes in the above post !

View Comment
Shilpa shetty
Guest

great post thanks mate…….god bless you

View Comment
Divya Sai
Guest

welcome shilpa !

View Comment
CrakerLo
Guest

how to make ballon flakes? or party ‘staff flaskes?

View Comment
Chrismas Snow Flakes
Guest

Nice tutorial…thanks for this !

View Comment
AKU
Guest

:X nice….

View Comment
CrakerLo_Rakero
Guest

very funny, move right, they go left XD thanks! By The way, DO you know anything about Flash?

View Comment
Anup @ Hack Tutors
Guest

It makes bloglittle slow:(

View Comment
BEBEN (Prodigy of Head)
Guest

i'll review this post with embed/add chrismas games for my blogger from indonesia

View Comment
wpDiscuz