chatter box popup, wer does it go? Options

[iamsergio]

so i'm using this sweet layout...on thing tho is that it doesn't allow the use for a chatter box on the page, so i got the code to make it a pop up...problem is i dunno where it goes or if i can use it for that matter...any help?


popup code:

<!-- begin code provided by createblog.com --><br /><a href="http://chatter.flooble.com/chatter.php?id=sergiotheonly&popup=true&w=490&h=400&title=Worthless+Comments" target="flooblechatterbox" 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=490,height=400');return true;"><img src="http://www.flooble.com/images/chatter/chaticon.gif" border="0" align="absbottom">Worthless Comments</a><img src="http://www.flooble.com/images/dot.gif?source=cbpopup"><br /><!-- end code provided by createblog.com -->

Header:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Johnny the Homicidal Maniac*/<br />/* by Kathleen (xanga.com/kath1een) */<br />/* http://createblog.com */<br />body {<br /> background-color: #000000;<br /> scrollbar-arrow-color: #ffffff;<br /> scrollbar-track-color: #000000;<br /> scrollbar-shadow-color: #000000;<br /> scrollbar-face-color: #000000;<br /> scrollbar-highlight-color: #000000;<br /> scrollbar-darkshadow-color: #000000;<br /> scrollbar-3dlight-color: #000000;<br /> cursor: crosshair;<br /> }<br />div.blogheader, .caption {<br />/* edits your blogheader */<br />background-image: url(http://skins.cbstaff.com/skin159_blogheader.gif);<br />background-repeat: no-repeat;<br />background-position: right;<br />font-family: Trebuchet MS;<br />text-transform: none;<br />font-size: 9px;<br />font-weight: bold;<br />color: #ffffff;<br />letter-spacing: none;<br />background-color: #000000;<br />text-align: left;<br />border-right: none;<br />border-left: none;<br />border-top: none;<br />border-bottom: 1px solid #ffffff;<br />}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> font-weight: bold;<br /> color: #ffffff;<br /> }<br /><br />.smalltext {text-align: center;}<br />/* this centers the links under the blog */<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ffffff;<br />font: normal 9px Trebuchet MS;<br />background-color: transparent;<br />font-color: #ffffff;<br />       }<br />table.navigation, table.footer {display: none;} <br /><br />table.footer TD {display: none;}<br /><br />table.left th {display: none;}<br /><br />table.left {display: none;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br /> width: 0px; <br /> padding-left: 0px;<br /> } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color: transparent;<br />border-right: none;<br />border-top: none;<br />border-left: none;<br />border-bottom: none;<br />font: 9px Trebuchet MS;<br />text-align: justify;<br />width: 350px;}<br /><br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width: 350px;<br />}<br /><br />a:link{line-height: 9px; font-family: Trebuchet MS; font-weight: none; color: #ffffff; text-transform: none; font-size: 9px; cursor: none;}<br />a:active{font-family: Trebuchet MS; color: #ffffff; text-transform: none; font-size: 9px;}<br />a:visited{font-family: Trebuchet MS; color: #ffffff; text-transform: none; text-decoration: line-through; font-size: 9px; cursor: none}<br />A:hover {font-family: Trebuchet MS; color: #666666; text-transform: none; cursor: n-resize; font-weight: none; font-size: 9px;}</style><br /><br /><IMG SRC="http://skins.cbstaff.com/skin159_image.gif" BORDER=0 USEMAP="#JTHM"> <MAP NAME="JTHM"><br /><AREA SHAPE="rect" COORDS="3,443,37,433" HREF="http://www.xanga.com" alt="The Mothership"><br /><AREA SHAPE="rect" COORDS="46,448,94,433" HREF="http://www.xanga.com/profile.aspx?user=the_one_and_only_sergio" alt="Enter the world of a psycho"><br /><AREA SHAPE="rect" COORDS="103,446,169,433" HREF="http://www.xanga.com/guestbook.aspx?user=the_one_and_only_sergio" alt="Sign it...or else..."><br /><AREA SHAPE="rect" COORDS="180,445,225,433" HREF="http://www.xanga.com/private/home.aspx" alt="Down in the abyss known as the basement"><br /><AREA SHAPE="rect" COORDS="234,444,284,433" HREF="http://www.xanga.com/CLAF/default.asp" alt="Sharpen your tools"><br /><AREA SHAPE="rect" COORDS="294,444,353,433" HREF="http://www.xanga.com/Private/feedback.aspx?tab=subscriptions" alt="See what others are saying about your behavior"><br /><AREA SHAPE="rect" COORDS="365,443,396,433" HREF="http://www.xanga.com/Private/subs.aspx" alt="Victims"><br /><AREA SHAPE="rect" COORDS="406,445,469,433" HREF="http://www.createBlog.com" alt="CreateBlog"><br /><AREA SHAPE="rect" COORDS="479,441,527,434" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=the_one_and_only_sergio" alt="You know you're dying to"><br /><AREA SHAPE="rect" COORDS="735,443,772,435" HREF="http://www.xanga.com/kath1een" alt="Twisted designer"><br /></MAP><br /><br /><div align="left"><br /><DIV style="margin-top: -350px; margin-left: <br />125px; width: 410px;OVERFLOW: auto; <br />height:300px; BACKGROUND-COLOR: transparent;><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

Website stats:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script type='text/javascript'><br />document.title = ('Why are people so...unpleasant?');<br /></script><br /><!-- end code provided by createblog.com --><br /><br /><script language="JavaScript"><br /><!-- <br />window.status = "I detest sleep. I've better things to do.";<br />--><br /></script><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->