WHERE DO I PLACE THIS CODE???, trailing text cursor code Options

[htmlchallenged1]

HERE'S MY HTML SO FAR 4 MY XANGA:

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* Stylesheet */<br />/* by xanga.com/layouts__for__you */<br />/* [url=http://blogring]http://blogring[/url] */<br />body {<br />background:WHITE url("");<br />background-repeat:all directions; <br />background-attachment: fixed;<br />background-position:top left;<br />background-color: #FFFFFF;<br />scrollbar-arrow-color: #66ff00;<br />scrollbar-track-color: #000000;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #FFFFFF;<br />scrollbar-highlight-color: #ff3399;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-3dlight-color: #66ff00; <br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 8pt tahoma;<br />line-height:;<br />color:16afff;<br />letter-spacing:0px;<br />text-align:justify;<br />}<br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family:century gothic;<br />text-transform:lowercase;<br />font-size:20px;<br />line-height:10px;<br />font-weight:bold;<br />color:#ff3399;<br />letter-spacing:0px;<br />background-color: #ffffff;<br />text-align: center;<br />border: 5px solid #000000<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />font:8pt tahoma;<br />color:#ff3399;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited, {<br />/* edits the links that the user has visited */<br />font:8pt tahoma;<br />color:#ff3399; <br />text-decoration: none;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />height: 2px;<br />font:normal 8pt tahoma;<br />line-height:;<br />cursor:;<br />filter:;<br />height: 6px;<br />background-color:;<br />color:000000;<br />text-decoration: none;<br />}<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 5px solid #66ff00;<br />font:normal 8pt tahoma;<br />background-color: #FFFFFF;<br />letter-spacing:0px;<br />color: #ff3399;<br />}<br />table.left { <br />/* this edits the menu module */<br />border: 5px solid #66ff00;<br />width:160px;<br />background-color: #FFFFFF;<br />}<br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />border: 5px solid #000000;<br />background: WHITE url("");<br />width:400px;<br />}<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url(http://p4.xanga.com/4f/e9/4fe9f62ab5cf62207c7ad1a6bb6e84906294899.jpg);<br />background-color: #FFFFFF;<br />font: bold 8pt tahoma;<br />text-transform: uppercase;<br />color: #ff3399;<br />border:none;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: url();<br />background-color: #FFFFFF;<br />border: dashed;<br />}<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: #FFFFFF; <br />border: 5px solid #00FFFF;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 0px solid #000000;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 500px;<br />}<br />hr {<br />/* horizontal divider */<br />border: 1px solid #000000;<br />}<br /></style><br /><center><font face="impact"><font size="10"><font color="#ff3399">its FEESTY!</font></font></font><br /><center><STYLE TYPE="text/css">  <br /> </tr><br /></table><br /><img src="/images/dot_clear.gif" border="0" style="display:none" width="1"><!--<br />--></object><xmp></xmp></applet><br /><br />[b]HERE'S THE CODE I WANT TO PUT IN BUT IT WONT SHOW UP WHEN I DO[/b]<br /><br /><HEAD><br /><style><br />.spanstyle {<br /> position:absolute;<br /> visibility:visible;<br /> top:-50px;<br /> font-size:10pt;<br /> font-family:Verdana;<br />      font-weight:bold;<br /> color:black;<br />}<br /></style><br /><script><br /><br />/*<br />Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)<br />Distributed by Hypergurl. For more java scripts visit<br />Hypergurl.com [url=http://www.hypergurl.com]http://www.hypergurl.com[/url]<br />*/<br /><br />var x,y<br />var step=20<br />var flag=0<br /><br />// Welcome to Hypergurl!!!<br />var message="Hypergurl Webhosting! "<br />message=message.split("")<br /><br />var xpos=new Array()<br />for (i=0;i<=message.length-1;i++) {<br /> xpos[i]=-50<br />}<br /><br />var ypos=new Array()<br />for (i=0;i<=message.length-1;i++) {<br /> ypos[i]=-50<br />}<br /><br />function handlerMM(e){<br /> x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX<br /> y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY<br /> flag=1<br />}<br /><br />function makesnake() {<br /> if (flag==1 && document.all) {<br />     for (i=message.length-1; i>=1; i--) {<br />      xpos[i]=xpos[i-1]+step<br />   ypos[i]=ypos[i-1]<br />     }<br />  xpos[0]=x+step<br />  ypos[0]=y<br /> <br />  for (i=0; i<message.length-1; i++) {<br />      var thisspan = eval("span"+(i)+".style")<br />      thisspan.posLeft=xpos[i]<br />   thisspan.posTop=ypos[i]<br />     }<br /> }<br /> <br /> else if (flag==1 && document.layers) {<br />     for (i=message.length-1; i>=1; i--) {<br />      xpos[i]=xpos[i-1]+step<br />   ypos[i]=ypos[i-1]<br />     }<br />  xpos[0]=x+step<br />  ypos[0]=y<br /> <br />  for (i=0; i<message.length-1; i++) {<br />      var thisspan = eval("document.span"+i)<br />      thisspan.left=xpos[i]<br />   thisspan.top=ypos[i]<br />     }<br /> }<br />  var timer=setTimeout("makesnake()",30)<br />}<br /><br /></script><br /></HEAD><br /><BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"><br /><script><br /><!-- Beginning of JavaScript supplied by hypergurl [url=http://www.hypergurl.com]http://www.hypergurl.com[/url] hide script -<br /><br />for (i=0;i<=message.length-1;i++) {<br />    document.write("<span id='span"+i+"' class='spanstyle'>")<br /> document.write(message[i])<br />    document.write("</span>")<br />}<br /><br />if (document.layers){<br /> document.captureEvents(Event.MOUSEMOVE);<br />}<br />document.onmousemove = handlerMM;<br /><br />// - End of JavaScript - --><br /></script></BODY><br /><!-- end code provided by createblog.com -->

THANKS SO MUCH AHEAD OF TIME