Customize Your Website For Christmas

Hi guys advance happy Christmas wishes for all of you. This post is really helpful for the website owners. This post teach you how to customize your website in Christmas. This make your website more attractive and  active.

How To Add Santa Hat On Logo?

This is the most popular way to express the Christmas wishes to your user. If the website owner have knowledge in graphic design he can do it very easily, but if the owner don't have the knowledge, kindly follow the simple steps given below


You need to create a account in siteapps

After successful log in site apps you need to copy the script to your website or blog

After placing the script you need to install app(refer the image given below)

After all these steps, kindly visit your webpage, now you can see the Santa hat logo in your website.

How to Create Snow Falling In Your Website?

The first thing when we remember Christmas is snow falling. Create a simple snow falling in your site is best way to impress your visitors.

Steps for Snow falling

You just need to copy paste the code given below

<script type="text/javascript"> /****************************************** * You Are Copied This Script From (http://www.vishnuparam007.com) * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05' by DD. This notice must stay intact for use ******************************************/ //Configure below to change URL path to the snow image var snowsrc="http://4.bp.blogspot.com/-pA2-A50wdCw/Uq0fRqhMchI/AAAAAAAADiE/pafBQDrQAPY/s1600/snow.gif" // 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)? "snow.gif" : 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://dynamicdrive.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;\"> <img src='"+snowsrc+"' border=\"0\"><\/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) } </script>
click the box and press Ctrl+A To Select all code

How To Add Christmas Count Down Timer?

Count down timer is one of the important factor in customization. You need to place the timer in a noticeable place. Many third party websites provide count down timer

Countdown

Some of the sites for count down timer is given below
For Count Down Banner: www.ult-tex.net/counts/christmas/index.cgi
For Flash Count Down Timer: www.goo.gl/sdTl3
For Flash Count Down Timer v2: www.goo.gl/RdWCs


How To Add Christmas Music In Your Website?

Adding christmas background music makes your website more active and attractive. But don't try to add huge mp3 files, it makes your website slow.

On your speaker to hear music Copy paste the give below code

                                                                  <center> <embed src="http://www.woo55.com/player.swf" width="1" height="1" allowfullscreen="false" flashvars="&file=http://learnsongs.ru/songs/BoneyM_jingle_bells.mp3&height=18&width=355&showeq=false&autostart=true&repeat=true&shuffle=false&volume=100"></embed> </center>
                    click the box and press Ctrl+A To Select all code

Hope you enjoy this post!! if you like this post please share.. :)
Happy Christmas n advance