0% found this document useful (0 votes)
136 views4 pages

How To Make Snow On The Cursor in Blogger

This document provides instructions on how to add snow on the mouse cursor in Blogger. 1) Go to Design > Page Elements > Add Gadget (HTML/JavaScript) and paste the provided script. 2) The script uses JavaScript to create falling snow particles that follow the mouse cursor as it moves. 3) Snow color and number of particles can be customized by modifying variables in the script.

Uploaded by

Kurnia Rahman
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
136 views4 pages

How To Make Snow On The Cursor in Blogger

This document provides instructions on how to add snow on the mouse cursor in Blogger. 1) Go to Design > Page Elements > Add Gadget (HTML/JavaScript) and paste the provided script. 2) The script uses JavaScript to create falling snow particles that follow the mouse cursor as it moves. 3) Snow color and number of particles can be customized by modifying variables in the script.

Uploaded by

Kurnia Rahman
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 4

how to make snow on the cursor in blogger

ok .. this time we will discuss how to make snow on the cursor ... let us learn .. slowly .. look carefully .. be careful not to blink ... as possible when you blink it will fail ... xixixixixi ... first of all please go design -> page element -> add Gadged (origin place is fine) -> HTML / JavaScript (No title) copy and paste this script :: <script> / / <! [CDATA [ var color = "red"; sparkles var = 20; var x = ox = 400; var y = oy = 300; swide var = 800; shigh var = 600; var sleft = sdown = 0; var tiny = new Array (); var star = new Array (); var starv = new Array (); starx var = new Array (); var stary = new Array (); tinyx var = new Array (); tinyy var = new Array (); tinyv var = new Array (); window.onload = function () {if (document.getElementById) { var i, rats, rlef, rdow; for (var i = 0; i <sparkles; i + +) { var = createDiv rats (3, 3); rats.style.visibility = "hidden"; document.body.appendChild (tiny [i] = rats); starv [i] = 0; tinyv [i] = 0; var = createDiv rats (5, 5); rats.style.backgroundColor = "transparent"; rats.style.visibility = "hidden"; createDiv rlef var = (1, 5); var rdow = createDiv (5, 1); rats.appendChild (rlef);

rats.appendChild (rdow); rlef.style.top = "3px"; rlef.style.left = "0px"; rdow.style.top = "0px"; rdow.style.left = "3px"; document.body.appendChild (star [i] = rats); } set_width (); sparkle (); }} sparkle function () { var c; if (x! = ox | | y! = oy) { ox = x; oy = y; for (c = 0; c <sparkles; c + +) if (! starv [c]) { star [c]. style.left = (starx [c] = x) + "px"; star [c]. style.top = (stary [c] = y) + "px"; star [c]. style.clip = "rect (0px, 5px, 5px, 0px)"; star [c]. style.visibility = "visible"; starv [c] = 50; break; } } for (c = 0; c <sparkles; c + +) { if (starv [c]) update_star (c); if (tinyv [c]) update_tiny (c); } setTimeout ("sparkle ()", 40); } update_star function (i) { if (- starv [i] == 25) star [i]. style.clip = "rect (1px, 4px, 4px, 1px)"; if (starv [i]) { stary [i] + = 1 + Math.random () * 3; if (stary [i] <shigh sdown +) { star [i]. style.top = stary [i] + "px"; starx [i] + = (i% 5-2) / 5; star [i]. style.left = starx [i] + "px"; } else { star [i]. style.visibility = "hidden"; starv [i] = 0; return; } } else { tinyv [i] = 50; tiny [i]. style.top = (tinyy [i] = stary [i]) + "px"; tiny [i]. style.left = (tinyx [i] = starx [i]) + "px"; tiny [i]. style.width = "2px";

tiny [i]. style.height = "2px"; star [i]. style.visibility = "hidden"; tiny [i]. style.visibility = "visible" } } update_tiny function (i) { if (- tinyv [i] == 25) { tiny [i]. style.width = "1px"; tiny [i]. style.height = "1px"; } if (tinyv [i]) { tinyy [i] + = 1 + Math.random () * 3; if (tinyy [i] <shigh sdown +) { tiny [i]. style.top = tinyy [i] + "px"; tinyx [i] + = (i% 5-2) / 5; tiny [i]. style.left = tinyx [i] + "px"; } else { tiny [i]. style.visibility = "hidden"; tinyv [i] = 0; return; } } else tiny [i]. style.visibility = "hidden"; } document.onmousemove = mouse; function mouse (e) { set_scroll (); y = (e)? e.pageY: event.y sdown +; x = (e)? e.pageX: event.x sleft +; } set_scroll function () { if (typeof (self.pageYOffset) == "number") { sdown = self.pageYOffset; sleft = self.pageXOffset; } else if (document.body.scrollTop | | document.body.scrollLeft) { sdown = document.body.scrollTop; sleft = document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop | | document.documentElement.scrollLeft)) { sleft = document.documentElement.scrollLeft; sdown = document.documentElement.scrollTop; } else { sdown = 0; sleft = 0; }

} window.onresize = set_width; set_width function () { if (typeof (self.innerWidth) == "number") { swide = self.innerWidth; shigh = self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide = document.documentElement.clientWidth; shigh = document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide = document.body.clientWidth; shigh = document.body.clientHeight; } } createDiv function (height, width) { var div = document.createElement ("div"); div.style.position = "absolute"; div.style.height = height + "px"; div.style.width = width + "px"; div.style.overflow = "hidden"; div.style.backgroundColor = color; return (div); } / /]]> </ Script> NB :: Green colored paper that can be changed .. var color = "red"; <--- snow on the cursor ... red .. sparkles var = 20; <- much snow on the cursor ... please dipraktek'an .. if it fails or you have any questions please comment .. =)
posted by koernia Rachman

You might also like