How to add Falling Apricot White Flowers in Blogger?

How to add Falling Apricot White Flowers in Blogger?

Step 2: Now Click in Theme Option.

Step 3: Now click on the Dropdown and select Edit HTML

Step 4: Search for </head> and paste the following code just above it.

You can see the demo here⤵

<script type='text/javascript'>

//<![CDATA[

var pictureSrc ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QUpndTN7bXTYvhVJv4Vkno1Ikth8ICwbOBY7QiLDmnjThV8wznmjARyGHUIWfEwOTlhyL84lPTNIL1IlYpDuQIDnn8Q4hkQu93V4JuqNcyaNZFOnlHO7WNChg_92-2aNORP259MPxF98ntD1b0HHGluouacMkAFwmrSyoxviZqfHSe9Y9lQEqslYGjM/s16000/IMG_20240302_215851-removebg-preview.png"; //the location of the snowflakes

var pictureWidth = 15; //the width of the snowflakes By Tecky AaryaN

var pictureHeight = 15; //the height of the snowflakes By Tecky AaryaN

var numFlakes = 10; //the number of snowflakes By Tecky AaryaN

var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms) By Tecky AaryaN

var lrFlakes = 10; //the speed that the snowflakes should swing from side to side By Tecky AaryaN

if( typeof( numFlakes ) != 'number' || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; }

//draw the snowflakes

for( var x = 0; x < numFlakes; x++ ) {

if( document.layers ) { //releave NS4 bug 

document.write('<layer id="snFlkDiv'+x+'"><imgsrc="'+pictureSrc+'" height="'+pictureHeight+'"width="'+pictureWidth+'" alt="*" border="0"></layer>');

} else {

document.write('<div style="position:absolute; z-index:9999;"id="snFlkDiv'+x+'"><img src="'+pictureSrc+'"height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*"border="0"></div>');

}

}

//calculate initial positions (in portions of browser window size) 

var xcoords = new Array(), ycoords = new Array(), snFlkTemp;

for( var x = 0; x < numFlakes; x++ ) {

xcoords[x] = ( x + 1 ) / ( numFlakes + 1 );

do { snFlkTemp = Math.round( ( numFlakes - 1 ) * Math.random() );

} while( typeof( ycoords[snFlkTemp] ) == 'number' );

ycoords[snFlkTemp] = x / numFlakes;

}

//now animate 

function flakeFall() {

if( !getRefToDivNest('snFlkDiv0') ) { return; }

var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0;

//find screen settings for all variations. doing this every time allows for resizing and scrolling 

if( typeof( window.innerWidth ) == 'number' ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else {

if( document.documentElement && (document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {

scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else {

if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } }

if( typeof( window.pageYOffset ) == 'number' ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else {

if( document.body && ( document.body.scrollLeft ||document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop;scrollWidth = document.body.scrollLeft; } else {

if(document.documentElement && (document.documentElement.scrollLeft ||document.documentElement.scrollTop ) ) { scrollHeight =document.documentElement.scrollTop; scrollWidth =document.documentElement.scrollLeft; } }

}

//move the snowflakes to their new position 

for( var x = 0; x < numFlakes; x++ ) {

if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; }

var divRef = getRefToDivNest('snFlkDiv'+x); if( !divRef ) { return; }

if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? 'px' : 0;

divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix;

divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) - (pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * (Math.sin( lrFlakes * ycoords[x] ) - Math.sin( 3 * lrFlakes * ycoords[x]) ) ) ) + scrollWidth ) + oPix;

ycoords[x] += downSpeed;

}

}

//DHTML handlers 

function getRefToDivNest(divName) {

if( document.layers ) { return document.layers[divName]; } //NS4 By Tecky AaryaN

if( document[divName] ) { return document[divName]; } //NS4 also By Tecky AaryaN

if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera) 

if( document.all ) { return document.all[divName]; } //Proprietary DOM - IE4 

return false;

}

window.setInterval('flakeFall();',100);

//]]>

</script>

Edit and Customize the highlighted code as your wish and Change the Image link if you want to Display any other Flower or Picture