Christmas Time – Snow in Home Page

Its Christmas time and time for some fun with our SharePoint site. Here is a quick trick to show snow fall in your SharePoint page (May be your Intranet Home Page). It will take you just few minutes to setup.

1. Go to this site and download Snowstorm.js file and upload it to some Document Library

2. Open your SharePoint page and add a Content Editor WebPart.

3. Edit the HTML Source for the content Editor WebPart

4. Add the following code and set the Chrome Type for the Web Part as none

[sourcecode language="javascript"]
<script src="{Path}/snowstorm-min.js"></script>

5. Save and Exit Edit mode and that’s it! :-)

It’s always a good idea to have a “Stop Snowing” link for those who find this annoying. Simply edit the JavaScript code in the Content Editor WebPart and add the following code.

[sourcecode language="javascript"]
<script type="text/javascript" src="/Docs/snowstorm-min.js"></script>
<a onClick="javascript:snowStorm.stop();" href="#">Stop Snowing</a>

There are many other customization available. Check this page for more options.