Κινούμενο ρολόι πίσω από τον δείκτη του ποντικιού σας!

Πάμε τώρα στο σημερινό μας widget.Είναι ένα πολύ πρωτότυπο widget που θα κάνει σίγουρα το blog σας μοναδικό και διαφορετικό από τα άλλα.Πως θα σας φαινόταν πίσω από τον δείκτη του ποντικιού (όταν αυτό βρίσκεται μόνο μέσα στο blog σας) να ακολουθεί ένα ρολόι??Είναι πολύ πρωτότυπο.Επίσης όποιος επισκέπτης δεν θέλει να ακολουθεί ένα ψηφιακό ρολόι όσο βρίσκετε στο blog σας μπορεί να απενεργοποιεί το συγκεκριμένο widget.
Για να το βάλετε ή να το δοκιμάσετε και να αποφασίσετε αν θα το βάλετε ή όχι ακολουθήστε τα παρακάτω βήματα:

1.Σύνδεση στον blogger λογαριασμό σας
2.Πανόπτης>Διάταξη>Στοιχεία σελίδας>Προσθήκη widget>HTML/JavaScript και εκεί επικολλήτε τον παρακάτω μακρύ html κωδικό:

<style type="text/css"><br /><!-- /*Do not Alter these. Set for alignment*/ .css1{ position:absolute;top:0px;left:0px; width:20px;height:20px; font-family:Arial,sans-serif; font-size:16px; text-align:center; font-weight:bold; } .css2{ position:absolute;top:0px;left:0px; width:10px;height:10px; font-family:Arial,sans-serif; font-size:9px; text-align:center; } //--><br /></style><script language="JavaScript"><br /><!-- Mouse Follow Clock from Rainbow Arch --><br /><!-- This script and many more from : --><br /><!-- http://rainbow.arch.scriptmania.com --><br /><br /><!-- Mouse Follow Clock from www.rainbow.arch.scriptmania.com //Hide from older browsers if (document.getElementById&&!document.layers){ <span style="font-weight: bold; color: rgb(255, 0, 0); ">// *** Clock colours</span><br /><span style="font-weight: bold; color: rgb(255, 0, 0); ">dCol='<span style="color: rgb(255, 153, 0); ">#0000CD</span>'; //date colour.</span><br /><span style="font-weight: bold; color: rgb(255, 0, 0); ">fCol='<span style="color: rgb(255, 153, 0); ">#800000</span>'; //face colour.</span><br /><span style="font-weight: bold; color: rgb(255, 0, 0); ">sCol='<span style="color: rgb(255, 153, 0); ">#FFA500</span>'; //seconds colour.</span><br /><span style="font-weight: bold; color: rgb(255, 0, 0); ">mCol='<span style="color: rgb(255, 153, 0); ">#FF0000</span>'; //minutes colour.</span><br /><span style="font-weight: bold; color: rgb(255, 0, 0); ">hCol='<span style="color: rgb(255, 153, 0); ">#FF0000</span>'; //hours colour.</span><br />// *** Controls<br />del=0.6; //Follow mouse speed.<br />ref=40; //Run speed (timeout).<br />// Alter nothing below! Alignments will be lost!<br />var ieType=(typeof window.innerWidth != 'number');<br />var docComp=(document.compatMode);<br />var docMod=(docComp && docComp.indexOf("CSS") != -1);<br />var ieRef=(ieType && docMod)<br />?document.documentElement:document.body;<br />theDays=new Array("ΚΥΡΙΑΚΗ","ΔΕΥΤΕΡΑ","ΤΡΙΤΗ","ΤΕΤΑΡΤΗ","ΠΕΜΤΗ","ΠΑΡΑΣΚΕΥΗ","ΣΑΒΒΑΤΟ");<br />theMonths=new Array("ΙΑΝΟΥΑΡΙΟΥ","ΦΕΒΡΟΥΑΡΙΟΥ","ΜΑΡΤΙΟΥ","ΑΠΡΙΛΙΟΥ","ΜΑΙΟΥ","ΙΟΥΝΙΟΥ","ΙΟΥΛΙΟΥ","ΑΥΓΟΥΣΤΟΥ","ΣΕΠΤΕΜΒΡΙΟΥ","ΟΚΤΩΒΡΙΟΥ","ΝΟΕΜΒΡΙΟΥ","ΔΕΚΕΜΒΡΙΟΥ");<br />date=new Date();<br />day=date.getDate();<br />year=date.getYear();<br />if (year < year="year+1900;" tmpdate=" " d="tmpdate.split(" n="'3" n="N.split(" f="N.length;" h="'...';" h="H.split(" m="'....';" m="M.split(" s="'.....';" s="S.split(" siz="40;" eqf="360/F;" eqd="360/D.length;" han="siz/5.5;" ofy="-7;" ofx="-3;" ofst="70;" tmr="null;" vis="true;" mousey="0;" mousex="0;" dy="new" dx="new" zy="new" zx="new" tmps="new" tmpm="new" tmph="new" tmpf="new" tmpd="new" sum="parseInt(D.length+F+H.length+M.length+S.length)+1;" i="0;" algn="new" i="0;" id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'<\/div>');<br />tmpd[i]=document.getElementById("_date"+i).style;<br />}<br />for (i=0; i < id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'<\/div>');<br />tmpf[i]=document.getElementById("_face"+i).style;<br />}<br />for (i=0; i < id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'<\/div>');<br />tmph[i]=document.getElementById("_hours"+i).style;<br />}<br />for (i=0; i < id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'<\/div>');<br />tmpm[i]=document.getElementById("_minutes"+i).style;<br />}<br />for (i=0; i < id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'<\/div>');<br />tmps[i]=document.getElementById("_seconds"+i).style;<br />}<br /><br />function onoff(){<br />if (vis){<br />vis=false;<br />document.getElementById("control").value="Clock On";<br />}<br />else{<br />vis=true;<br />document.getElementById("control").value="Clock Off";<br />Delay();<br />}<br />kill();<br />}<br />function kill(){<br />if (vis)<br />document.onmousemove=mouse;<br />else<br />document.onmousemove=null;<br />}<br />function mouse(e){<br />var msy = (!ieType)?window.pageYOffset:0;<br />if (!e) e = window.event;<br />if (typeof e.pageY == 'number'){<br />mouseY = e.pageY + ofst - msy;<br />mouseX = e.pageX + ofst;<br />}<br />else{<br />mouseY = e.clientY + ofst - msy;<br />mouseX = e.clientX + ofst;<br />}<br />if (!vis) kill();<br />}<br />document.onmousemove=mouse;<br /><br />function winDims(){<br />winH=(ieType)?ieRef.clientHeight:window.innerHeight;<br />winW=(ieType)?ieRef.clientWidth:window.innerWidth;<br />}<br />winDims();<br />window.onresize=new Function("winDims()");<br /><br />function ClockAndAssign(){<br />time = new Date();<br />secs = time.getSeconds();<br />sec = Math.PI * (secs-15) / 30;<br />mins = time.getMinutes();<br />min = Math.PI * (mins-15) / 30;<br />hrs = time.getHours();<br />hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;<br /><br />for (i=0; i < top="dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+" left="dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+" i="0;" top="dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+" left="dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+" i="0;" top="dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+" left="dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+" i="0;" top="dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+" left="dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+" i="0;" top="dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+" left="dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+" buffw="(ieType)?80:90;" scrolly="(ieType)?ieRef.scrollTop:window.pageYOffset;" i="1;">= winH-80) dy[i-1]=winH-80;<br />if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;<br />}<br />tmr=setTimeout('Delay()',ref);<br />ClockAndAssign();<br />}<br />window.onload=Delay;<br />}<br />//--><br /></script><br /><script type="text/javascript"><br /><!-- Mouse Clock Button //Hide from older browsers if (document.getElementById&&!document.layers){ document.write('<input type="button" id="control" value="Clock Off" onclick="this.blur();onoff()">');<br />}<br />//--><br /></script>

3.Αποθήκευση

Πολύ πιθανόν να μην ταιριάζουν τα χρώματα του widget με τα χρώματα του blog σας.
Τότε βρείτε τους παρακάτω κωδικούς στο παραπάνω widget και αλλάξτε τους με τους κωδικούς* των χρωμάτων που θέλετε.

// *** Clock colours<br /><br />dCol='#0000CD'; //date colour.<br /><br />fCol='#800000'; //face colour.<br /><br />sCol='#FFA500'; //seconds colour.<br /><br />mCol='#FF0000'; //minutes colour.<br /><br />hCol='#FF0000'; //hours colour.

Αυτό ήταν..
Για τυχόν προβληματάκια ξέρετε...σχόλια!