try this one...
[spoiler]function onProfileLoad() {
var code="<div style='text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;'>
<object type='application/x-shockwave-flash' width='435' height='270'
data='http://www.musicplaylist.net/loadplaylist/55413227/config_regular_shuffle/270/430/true'>
<param name='bgcolor' value='#e8e8e8'>
<param name='movie'
value='http://www.musicplaylist.net/loadplaylist/55413227/config_regular_shuffle/270/430/true'>
</object>
</div>";
addBox ("[color=red]LEFT or RIGHT[/color]","[color=green]TITLE OF HEADER[/color]",code,"div_999",null);
}
function addBox (type,head,htm,id,sibling) {
//by marfillaster
//type "LEFT" | "RIGHT"
//head header string
//htm innerHTML string
//id css_id string
//sibling css_id_insertbefore string | null
/* Available default Siblings
Default "sibling_ID" Boxes for Reference (10/19/07)
LEFT RIGHT
"0" = controlpanel "15" = meettrail
"1" = photos "2" = friends
"13" = blogs "14" = googleads
"12" = reviews "7" = fan
"6" = moreabout "8" = groups
"18" = publiccomments null = appends to last(without "")
"10" = scrapbook
*/
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
}
else {var ul=document.getElementById("2").parentNode.parentNode;
}
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}[/spoiler]
edit these parts...
[color=red]LEFT or RIGHT[/color]
left = mainboxes(like about me etc...)
right = sideboxes (like friends,groups etc...)
[color=green]TITLE OF HEADER[/color] - replace it with whatever title you want to appear
save as js file....