Adding Icon-Java Script to Profile Page

I want to add Rocketon button/icon to my member's profile page.  Rocket on gives the .js script and the code, but I haven't a clue where I would add the codes to.  I don't know if it's the css or php or some xml file.  If anyone is familiar with adding icons/buttons please let me know, i would greatly appreciate it.

(info from rocketon)

http://www.rocketon.com/a/buttons/

Carol

PSSS-I'm using 6.1.6

get and uplaod files to site root where about_us.php is

templates/base/_header.html

before:

</head>

add:

<!-- sexy girl for profile -->
<script src="AC_RunActiveContent.js" language="javascript"></script>
<!-- sexy girl for profile end-->

templates/tmpl_uni/page_7.html

before:

__include _footer.html__

add:

<!-- sexygirl -->
<div class="disignBoxFirst3">
<div class="boxFirstHeader3">Sexy Girl</div>
<div class="boxContent3"><script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '200',
'height', '170',
'src', 'partner_link_girl',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'partner_link_girl',
'bgcolor', '#ffffff',
'name', 'partner_link_girl',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'partner_link_girl',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="200" height="170" id="partner_link_girl" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="__site_url__partner_link_girl.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="__site_url__partner_link_girl.swf" quality="high" bgcolor="#ffffff" width="200" height="170" name="partner_link_girl" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
</div>
<!-- sexygirl -->

templates/tmpl_uni/css/general.css

after:

@import url(login_section.css);

add;

.disignBoxFirst3
{
position:relative;
border:1px solid #CCC;
margin-bottom:10px;
background-image:url('../images/head_cutting.gif');
background-repeat:repeat-x;
background-color:#fff;
width:49%; /***************width of designbox sexy girl*************/
}

.boxFirstHeader3
{
height:17px;
padding:3px 0px 0px 8px ;
font-size:12px;
font-weight:bold;
color:#666;
text-align:left;
text-transform:uppercase;
border-bottom: 1px solid #CCC;
}

.boxContent3
{
overflow:hidden;
font-size:13px;
padding:10px;
}

for the css you can find the above classes and copy them and change the name from .boxContent to .boxContent3

have fun

heres my profile where i did the setup for you

http://www.darrenpowless.com/mrpowless

OMG!  This is great!  Thank you so much!  I am so not a coder-and starting up this site has not been easy.  Seems like as soon as I get something working-something else goes to crap!

Now something happend to the profile customization, where background color and fonts are no longer saving.

Thank you so much!!!!

Carol