CHATTERBOX HELP, CODE PLACEMENT Options

[jskljglsjgsg]

I NEED HELP FINDING OUT WHERE TO PLACE MY FLOOBLE CHATTERBOX CODE, BECAUSE I WANT IT TO BE ON THE RIGHT SIDE OF MY XANGA, BUT ALL I KNOW HOW TO DO IS PUT IT AT THE BOTTOM AND TOP SO IF SOMEONE COULD PLEASE ASSIST ME I WOULD BE ETERNALLY GRATEFUL =)

[jskljglsjgsg]

SURE =)
LAYOUT CODE:

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />body<br />{<br />  background:white;<br />  background-repeat: repeat-x; <br />  background-attachment: fixed;<br />  background-position: -50px left;<br />background-color: #FFFFFF;<br />scrollbar-arrow-color: #999999;<br />scrollbar-track-color: #FFFFFF;<br />scrollbar-shadow-color: #999999;<br />scrollbar-face-color: #FFFFFF;<br />scrollbar-highlight-color: #999999;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFFFF; <br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 11px verdana;<br />line-height:14px;<br />color:#999999;<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:verdana;<br />text-transform:uppercase;<br />font-size:11px;<br />line-height:30px;<br />font-weight:bold;<br />filter: alpha (opacity=100, finishopacity=0, style=2);<br />height: 1px;<br />background-color:#909aca;<br />color:white;<br />letter-spacing:1px;<br />text-align: center;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #999999;<br />  }<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#999999;<br />font:normal 11px verdana;<br />line-height:10px;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color:#999999; <br />font:normal 11px verdana;<br />line-height:10px;<br />text-decoration: none;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />height: 1px;<br />font:normal 11px verdana;<br />line-height:10px;<br />cursor: crosshair;<br />filter: alpha (opacity=100, finishopacity=1, style=1);<br />height: 5px;<br />background-color:#909aca;<br />color:white;<br />text-decoration: none;<br />}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #909aca;<br />font:normal 11px verdana;<br />background-color: #FFFFFF;<br />letter-spacing:0px;<br />}<br />table.left { <br />/* this edits the menu module */<br />border: 3px double #909aca;<br />width:160px;<br />}<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />border: 3px double #909aca;<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-color: #909aca;<br />  filter: alpha (opacity=100, finishopacity=0, style=1)<br />  width:180px;<br />  font: bold 11px verdana;<br />  line-height: 16px;<br />  text-transform: uppercase;<br />  color: #ffffff;<br />  text-align: left;<br />border: none;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-color: #FFFFFF;<br />border: none;<br />        color: #909aca;<br />}<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: #FFFFFF; <br />border: 1px solid #909aca;<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 #909aca;<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 #909aca;<br />}<br /></style><br /><br /><style type="text/css"><br />body { border: 15px Solid #909aca; }<br /><style></style> <br /><br /><TABLE STYLE="position:static;"BORDER="1" WIDTH="550"HEIGHT="500" bordercolor="#909aca" bordercolor="#909aca" ><TD><DIV id=scroll style=":auto;HEIGHT:700px"><br /><center><br /><script language=JavaScript><br /><!--<br />// blinkbox - creates blinking table<br />// by sean f <a href='http://www.xanga.com/seanmeister' target='_blank'>http://www.xanga.com/seanmeister</a><br />// customize the blinkbox by changing the values below<br />//<br />// these are the various colors, in quotes, seperated by commas<br />var blinkColors = new Array("#909aca","#999999","#fffdee");<br />// the border color<br />var blinkBorderColor = "#ffffff"<br />// the border width, in pixels<br />var blinkBorderWidth = 3;<br />// the # of rows<br />var blinkRows = 1;<br />// the # of columns<br />var blinkCols = 32;<br />// the width of the entire box, in pixels or %<br />var blinkWidth = 550;<br />// the height of each row, in pixels<br />var blinkRowHeight = 10;<br />// speed of blinking, in milliseconds<br />var blinkRate = 8;<br />// don't edit below this line<br />// this draws the table...<br />document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");<br />for (r = 0; r < blinkRows; r++){<br />document.write("<TR>");<br />for (c = 0; c < blinkCols; c++){<br />  document.write("<TD height='" + blinkRowHeight + "'></TD>");<br />  }<br />document.write("</TR>");<br />}<br />document.write("</table>");<br />// ... and this makes it blink<br />function blinkIt() {<br />changecell = Math.floor(Math.random() * (blinkCols * blinkRows));<br />changecolor = Math.floor(Math.random() * blinkColors.length);<br />bb = document.getElementById("blinkbox");<br />bbtd = bb.getElementsByTagName("td");<br />bbtd[changecell].style.backgroundColor = blinkColors[changecolor];<br />setTimeout('blinkIt()', blinkRate);<br />}<br />blinkIt();<br />//--><br /></SCRIPT><br /><br />CHATTERBOX:<br /><script language="javascript"> var chatterbox = 'no'; </script><br /><script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=MINJATHED0RK&sid=3360992"><br /></script><noscript><br /><a href="http://chatter.flooble.com/chatter.php?id=MINJATHED0RK&sid=3360992&popup=true&w=480&h=400" <br />target="flooblechatterbox" <br />onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re<br />izable=no,copyhistory=no,width=480,height=400');return true;"><br /><img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0" <br />align="absbottom">Talk</a> <br />in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> | <br /><a href="http://perplexus.info/">technical interview puzzles, riddles and brain teasers</a><br /></noscript><br /><script language="javascript"> if (!chatterbox || chatterbox != 'ok') { <br />document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');<br />document.write(' temporarily unavailable. It will be back up shortly.'); } </script><br /><!-- end code provided by createblog.com -->

Please remember to use a codebox next time!

This post has been edited by Teesa: Jul 10 2005, 01:51 AM