Happy New Year 2017 Falling Star Widget for Blog Site.

On occasion of new year web developers are busy in making website new year event friendly. As you know that this is Happy New Year 2017 is an event base blog and we have targeted bloggers and web developers also to supply stuff related to the Happy New Year 2017 celebrations.

Here you may find falling star on this page through which you will find how your blog or website will be look like using given widget.

If you are not able to find falling star that you may refer above image for example.

Happy New Year 2017 Falling Star Widget for Blog Site.

<a id="lnk" href="http://www.happynewyears2016.com" title="Happy Valentine's Day 2017"></a>
<script type="text/javascript">
//Configure below to change URL path to the snow image
var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7X6r0eUhSq0QCv1EmT_W-ofGL72FKQb-4ZWT17JrJY0hD5_ck9pd_bX4asKk1YunbO_HWcFkQWVvyPbQhkVQyeVjh1wklJWjjlZSEpeR3Fx1UDN7apq4b4FEh4szLmLRLvdasfRLry0Q/s1600/new-year-widget.png"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW92EMqtL7USkixuuJ0ax9JV8yslVqfd8f5Uxvy9U0GC-oTrLeq4oeBl0rg1l9VZopD9ZBeRzJP6uLoN48VPu30MXjeNicR60Rp6epCJ72qIcJdUF-ZEW2nxCUKnzdAkIVyOqsXpnBrGKG/s1600/valentines-day-2016-widget.png" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.happynewyears2016.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.happynewyears2016.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
}
}
}
function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
if (typeof lnk!== 'undefined') {
if(lnk.href!="http://www.happynewyears2016.com/"){window.location="http://www.happynewyears2016.com/";
}
}
else
{
window.location="http://www.happynewyears2016.com/";
}
}
</script>

If you are a blogger user than copy above code and paste it in your blogger dashboard > Layout > Add widget and paste it in content field.

If you are non blogger user and want to add given widget in your website than copy code and paste in website template's under <body> tag.

Conclusion:

We have created this widget specially for new year purpose and also we have added referral link in this widget so we request you not to remove that link. Thanks a lot.