Buy Plus UI v2.6! Demo Buy Now!

How to Add Christmas Snow Falling Effect on Your Bloggger Blog

By installing this Christmas snow falling script we can decorate our blog also in the occasion of Christmas with decoration it will look beautiful.
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated

Hello Blogger's, how are you I hope your are doing good. You know after two days Christmas is here and let's decorate your blog with the snow effect.

So today we are going to see How to Add Christmas Snow Falling Effect on Blogger Blog.

How to Add Christmas Snow Falling Effect on Your Bloggger Blog

I am Sadab Ali and welcome to Tech Aadi. So let's start the process of adding Snow to your Blog.

Before following the Process please beackup your template for any kind of errror and easy restoration.

Adding Snow Falling Effect

There is only one step you have to add one code in your template or particular page. So follow the below given steps carefully.

Adding Code

Step 1:- Go to your Blogger dashboard.

Step 2:- Now go to Theme section and click ok Edit HTML.

Step 3:- Now paste the below code just above the </body> tag.

	.snowflake:hover {cursor:default}
<div id='snowflakeContainer'>
<p class='snowflake'></p>
<script style='text/javascript'>
	var requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame;var transforms=["transform","msTransform","webkitTransform","mozTransform","oTransform"];var transformProperty=getSupportedPropertyName(transforms);var snowflakes=[];var browserWidth;var browserHeight;var numberOfSnowflakes=50;var resetPosition=false;function setup(){window.addEventListener("DOMContentLoaded",generateSnowflakes,false);window.addEventListener("resize",setResetFlag,false)}setup();function getSupportedPropertyName(b){for(var a=0;a<b.length;a++){if(typeof[b[a]]!="undefined"){return b[a]}}return null}function Snowflake(b,a,d,e,c){this.element=b;this.radius=a;this.speed=d;this.xPos=e;this.yPos=c;this.counter=0;this.sign=Math.random()<0.5?1:-1;;*30+"px"}Snowflake.prototype.update=function(){this.counter+=this.speed/5000;this.xPos+=this.sign*this.speed*Math.cos(this.counter)/40;this.yPos+=Math.sin(this.counter)/40+this.speed/30;setTranslate3DTransform(this.element,Math.round(this.xPos),Math.round(this.yPos));if(this.yPos>browserHeight){this.yPos=-50}};function setTranslate3DTransform(a,c,b){var d="translate3d("+c+"px, "+b+"px, 0)";[transformProperty]=d}function generateSnowflakes(){var b=document.querySelector(".snowflake");var h=b.parentNode;browserWidth=document.documentElement.clientWidth;browserHeight=document.documentElement.clientHeight;for(var d=0;d<numberOfSnowflakes;d++){var j=b.cloneNode(true);h.appendChild(j);var e=getPosition(50,browserWidth);var a=getPosition(50,browserHeight);var c=5+Math.random()*40;var g=4+Math.random()*10;var f=new Snowflake(j,g,c,e,a);snowflakes.push(f)}h.removeChild(b);moveSnowflakes()}function moveSnowflakes(){for(var b=0;b<snowflakes.length;b++){var a=snowflakes[b];a.update()}if(resetPosition){browserWidth=document.documentElement.clientWidth;browserHeight=document.documentElement.clientHeight;for(var b=0;b<snowflakes.length;b++){var a=snowflakes[b];a.xPos=getPosition(50,browserWidth);a.yPos=getPosition(50,browserHeight)}resetPosition=false}requestAnimationFrame(moveSnowflakes)}function getPosition(b,a){return Math.round(-1*b+Math.random()*(a+2*b))}function setResetFlag(a){resetPosition=true};

  • Falling Snow Customization
  • Change icon : <p class='snowflake'>❄️</p>

❊ ✽ ✫ ✬ ✭ ❃ ❋ ❀ ✤ ✥ ❄ ✾ ⋆ ✢ ✰ ☘ ❋ ✦ ✧ ✣ ✷ ✸ ✺ ✱ ✶ ✻ ❈ ❉ ✪ ✿ ❁ ✩ ★ ✢ ✣ ☘ ✤ ✥ ✱ ✲ ✵ ✶ ✷ ❊ ❋ ✸ ✹ ✺ ✻ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❈ ❉
  • Change the snow color eg color:#ebebeb
  • Change Number eg numberofsnowflakes=50
  • Resize: 30+"px"

Now don't forget to save the theme.

After following the above steps I hope you have successfully installed the script for your blog. If you got any questions or having problem implementing this script kindly contact us.


So today we have see the tutorial of How to Add Christmas Snow Falling Effect on your Blogger Blog. I hope you like this article. If you have any query kindly do comment below and follow this blog for more related post.


Getting Info...

About the Author

Hello Friends. Welcome to my website. I hope you all are doing good. If you like our work. Please revisit again. And do like and follow our blogs.

Buy me a Coffee


  1. Nice Article Bro
    1. Thanks bro...
Please do not spam in the comment section or your comment will not be approved.
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.