Sidebar/Navigation Problem, Nothing works ._." Options

[Rashyyko]

I looked in almost every thread here (and everywhere else), but nothing helped me at all. I want to have a text to be displayed next to my entries like in this journal. I know it works with div-layers (with the generator style I think), I also found some codes for it, but nothing worked yet.

My livejournal looks like this at the moment. I so want a sidebar/kind of navigation next to it, so I can enter information about me or other random links.

This is my code right now:

<!-- begin code provided by createblog.com --><br />FRIENDS_OPT_ITEMS=>40 <br /><br />GLOBAL_HEAD<=<br /><style type="text/css"> <br /><!--<br />body {<br />background-color: white;<br />background-image: url(http://img25.imageshack.us/img25/5003/njaaaaag0sd.gif);<br />background-repeat: repeat-y;<br />background-attachment: fixed;<br />cursor: crosshair;<br />}<br />--><br /><!-- <br />body, html, td, font, div, p { <br />font-family: MS Serif; Arial;<br />font-size: 10pt; <br />color: #444444;<br />text-align: justify; <br />} <br />body { <br />margin-top: 350px !important;<br />}<br />p .index {<br />color: #444444;<br />font-family: MS Serif; Arial;<br />font-size: 8pt; <br />text-align: left; <br />text-decoration: none;<br />cursor: crosshair;<br />} <br />b {<br />color: #444444;<br />cursor: crosshair;<br />}<br />a {<br />color: #36c3cf;<br />cursor: crosshair;<br />}<br />a:hover {<br />color: #36c3cf;<br />cursor: crosshair;<br />text-decoration: underline overline;<br />}<br />b:hover {<br />color: #36c3cf;<br />cursor: crosshair;<br />text-decoration: none;<br />}<br />--> <br /><!--<br />table { <br />width: 50%; <br />margin-left: 0%; <br />margin-right: 50%; <br />} <br />table table { <br />width: 492px; <br />margin:0; <br />} <br />table table table { <br />width: auto; <br />} <br />>--><br /><!-- <br />table table { <br />border: 0;<br />}<br />.entrybox .caption {<br />display: none;<br />}<br />.nav {<br />font-size: 7pt;<br />font-family: Arial; <br />}<br />.comments {<br />font-family: MS Serif; Arial; <br />font-size: 8pt;<br />font-style: bold;<br />text-decoration: none;<br />}<br />tr.caption{<br />display:none<br />} <br />.shadowed td div{<br />visibility: hidden; <br />position: left; <br />top: 1px<br />}<br />.entrybox .caption{<br />display: none;<br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />LASTN_OPT_ITEMS=>30 <br /><br />LASTN_TALK_READLINK=><a href="%%urlread%%"><b>{ %%messagecount%% } Poo-poo%%mc-plural-s%%</b></a><img src="http://img486.imageshack.us/img486/1681/wtf7bs.gif"><br /><br />LASTN_DATE_FORMAT=><b>%%monlong%%</b> <b>%%dth%%</b>, <b>%%daylong%%</b><br /><br />LASTN_WEBSITE<=<br /><img src="http://img398.imageshack.us/img398/4451/dailydose4od.gif" class="x"> <br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0; top:0; }<br /></style><br /><style type="text/css"><br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><=LASTN_WEBSITE<br /><br />LASTN_TALK_LINKS<=<br /><tr><br /><td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right"><br />%%readlink%%<a href="%%urlpost%%"><b> Nyaaaa! (≧∀≦)</b></a><br /></td><br /></tr><br /><=LASTN_TALK_LINKS<br /><br /><!-- end code provided by createblog.com -->

I know it's crappy, but I'm new to CSS and I started to learn it a week ago to have the ability to create my own livejournal layouts.

Could someone please edit the code, so a sidebar/navi is visible on the right side?

Please help me ;o; I'd be so thankful