How do I add current mood, music, location to an existing layout?, Trying to add music, mood, location to the butterfly layout Options

[SuperShineyGirl]

I have the butterfly layout and after a bit of trouble I figured out how to fix the table widths so that my text wasn't over lapping or misaligned but now, I am having not so much a problem with the layout but wanting to add back current mood, current locaton, current music to it, as right now this is not part of the layout and I like this feature esp. music and mood. Does anybody know what code is needed and where I would put it in the existing code?
Thanks for all the help, I hope changes like this are allowed.

supershineygirl's livejournal

The Code as it is:
GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-color: #B1DC77;
background-image:
url(http://images.cbimg4.com/livejournal/15/3702a.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: 50%;
margin-top: 480px;
color: #236B8E;
}

table, tr, td, .shadowed {
background: transparent;
}

table {
width: 357px;
margin-left: 277px;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: 500px;
}

html body .shadowed img.x{
z-index: -1;
}
table, .shadowed div{
z-index: 80;
}
html>body table{
position: relative;
}

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

.x{
position:absolute;
top:0px;
width: 650px;
left:50%;
margin-left: -325px !important;
margin-left: -324px;}

#sidebar{
position:absolute;
top: 528px;
left: 50%;
margin-left: -310px;
width: 185px;
height: 100%;
visibility: visible;
z-index:2;
font-size:11px;
font-family: Verdana;
font-color: #236B8E;
text-align: justify;
}
#sidebar img{
display:inline;
}
#sidebar a{
text-decoration: none;
font-weight: none;
color:#FFF68F;
}
#sidebar a:hover{
text-decoration: none;
font-weight: none;
color: #33A1C9;
}

p .index {
color: #50A6C2;
}
p table table td.caption {
font-size:11.5px;
font-weight: bold;
color: #05B8CC;
font-family: Verdana;
}
.comments {
font-size: 11px;
font-family: Verdana;
}
BODY, TD {font-family:verdana;color:#236B8E;font-size:11px;}

a:link, a:visited, a:active {
text-decoration: none;
font-weight: none;
color:#33A1C9;
}
a:hover{
text-decoration: none;
font-weight: none;
color: #FFF68F;
}
.entrybox td{
text-align: justify;
font-family: verdana;
}
.entrybox td.index {
text-align: right;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<div id="sidebar">
<p><b>SuperShineyGirl</b>
<p><a href="http://www.livejournal.com/users/supershineygirl">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/info">Info</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=supershineygirl">Modify</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.myspace.com/sageanna">MySpace</a>
<br /><a href="http://www.createblog.com">CreateBlog</a>

<p><b></b>
<p>
</div>


<IMG class="x" SRC= "http://images.cbimg4.com/livejournal/15/3702.jpg">

<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px;
</style>
<=FRIENDS_WEBSITE

DAY_WEBSITE<=

<div id="sidebar">
<p><b>SuperShineyGirl</b>
<p><a href="http://www.livejournal.com/users/supershineygirl">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/info">Info</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=supreshineygirl">Modify</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.myspace.com/sageanna">MySpace</a>
<br /><a href="http://www.createblog.com">CreateBlog</a>

<p><b></b>
<p>
</div>


<IMG class="x" SRC= "http://images.cbimg4.com/livejournal/15/3702.jpg">

<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px;
</style>
<=DAY_WEBSITE

CALENDAR_WEBSITE<=

<div id="sidebar">
<p><b>SuperShineyGirl</b>
<p><a href="http://www.livejournal.com/users/supershineygirl">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/info">Info</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=supershineygirl">Modify</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.myspace.com/sageanna">MySpace</a>
<br /><a href="http://www.createblog.com">CreateBlog</a>

<p><b></b>
<p>
</div>


<IMG class="x" SRC= "http://images.cbimg4.com/livejournal/15/3702.jpg">

<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px;
</style>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar">
<p><b>SuperShineyGirl</b>
<p><a href="http://www.livejournal.com/users/supershineygirl">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/info">Info</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/supershineygirl/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=supershineygirl">Modify</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.myspace.com/sageanna">MySpace</a>
<br /><a href="http://www.createblog.com">CreateBlog</a>

<p><b></b>
<p>
</div>


<IMG class="x" SRC= "http://images.cbimg4.com/livejournal/15/3702.jpg">

<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px;
</style>
<=LASTN_WEBSITE

[*Azarel*]

I'm sorry, I didn't realize that you were using a plus account (whereas the account I was testing on isn't one). Um.. remove all instances of this:

table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}