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....