Add Falling Snowflakes / Flowers / Leaves to Your Blog

Post 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:

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

And to display falling leaves, use this code:

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.

Blog Admin : Divya Sai

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Google Facebook Twitter More

• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote

Related Posts

• 4 Reasons to Promote Your Blog on Facebook and Twitter This may come as a surprise but a lot of people hesitate when it comes to blog promotion on social media sites like
• Their Experience Is Now Your Inspiration - Blogger Interviews @ BloggerStopNo doubt, blog design and widgets will help your readers to easily find what they want. These will increase your pagevi
• Traffic Exchange Widgets - Wahoha vs MGID vs 2Leep vs ZapArena...Updated on 21st September, 2016: Although some sites mentioned here, like Zaparena, BlogExplosion and EntreCard no long
• Add StumbleUpon Buttons [With Counter] To Blogger BlogsNow you can add "Stumble It" buttons/badges to your blogs, along with a counter to show the number of stumblers stumble