Where do I put the layout code..?, I've been searching for a while now.. no such luck. Options

[saaammmiii]

I'm new to LJ and I'm trying to use one of the layouts from this site.
This is the layout I want to use.

Every topic I find seems to be outdated. They don't help me at all... so I'm just wondering if anyone could help me and tell me where I put the code for the layout... thank you!

My Livejournal

[*Azarel*]

http://www.livejournal.com/customize

Make sure S1 is selected (lower red circle); then, click the custom options tab, and copy and paste the coding onto that page. :) Also make sure that all pages of your journal are set to generator on the Look and Feel page.

Also, in order to get the image to show up, make sure that you have a website listed on your profile page. http://www.livejournal.com/manage/profile

AND, you have a sponsored+ account, which means that the adverisements will screw up the blog entry area. To remedy that, either refer to this topic: http://www.createblog.com/forums/index.php?showtopic=134015

Or switch back to a basic account with no ads on this page: http://livejournal.com/manage/payments

[saaammmiii]

OMG thank you so much. I think I got it now. lol we'll see.

...OKAY. it's not working... =/

can someone look at my livejournal and the code and tell me what's wrong... ?

My LJ

CODE

<!-- start code provided by createblog.com -->
GLOBAL_HEAD<=
<style type="text/css">
<!--
table, tr, td, .shadowed {
background: transparent;
}
body {
background-color: #000000;
background-image:
url(http://images.cbimg4.com/livejournal/15/3738.jpg);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 50%;
margin-top: 515px;
color: #FFB6C1;
}

table {
width: 410px;
margin-left: 302px;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
html body .shadowed img.x{
z-index: -1;
}
table, .shadowed div{
z-index: 80;
}
html>body table{
position: relative;
}

.shadowed img{
display:none;
}

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: 730px;
left:50%;
margin-left:-365px;}

#sidebar{
position:absolute;
top:555px;
left: 50%;
margin-left: -350px;
width: 180px;
height: 100%;
visibility: visible;
z-index:2;
font-size:11px;
font-family: Verdana;
font-color: #8F5E99;
text-align:left;
}
#sidebar img{
display:inline;
}

p .index {
color: #EE7AE9;
}
p table table td.caption {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
font-family: Verdana;
}
.comments {
font-size: 11px;
font-family: Verdana;
}
BODY, TD {font-family:verdana;color:#FFB6C1;font-size:11px;}
a:link, a:visited, a:active {
text-decoration: none;
font-weight: none;
color:#EE799F;
}
a:hover{
text-decoration: none;
font-weight: none;
color: #FFFFFF;
}
.entrybox td{
text-align: justify;
font-family: verdana;
}
.entrybox td.index {
text-align: right;
}
-->
</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Claf</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.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Sooo. Talk about what you like to do and eat and stuff like that… blahblahblahblahblah.  Okay….

</div>


<img src="http://images.cbimg4.com/livejournal/16/3783.jpg" class="x" style="display:inline;">


<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


FRIENDS_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Claf</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.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Sooo. Talk about what you like to do and eat and stuff like that… blahblahblahblahblah.  Okay….

</div>


<img src="http://images.cbimg4.com/livejournal/16/3783.jpg" class="x" style="display:inline;">


<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


CALENDAR_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Claf</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.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Sooo. Talk about what you like to do and eat and stuff like that… blahblahblahblahblah.  Okay….

</div>


<img src="http://images.cbimg4.com/livejournal/16/3783.jpg" class="x" style="display:inline;">


<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


DAY_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Claf</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.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.WEBSITEHERE">WEBSITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Sooo. Talk about what you like to do and eat and stuff like that… blahblahblahblahblah.  Okay….

</div>


<img src="http://images.cbimg4.com/livejournal/16/3783.jpg" class="x" style="display:inline;">


<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
<!-- end code provided by createblog.com -->

[*Libertie*]

http://www.livejournal.com/customize/style.bml

For "Most Recent Events", "Friends View", "Calendar View", and "Day View", you must have each style set to "Generator" instead of Default LJ.

Also, follow the instructions in Azarel's post for listing a website in your profile, that's a very important step.

Last but not least, you are using a plus account which puts ads on your journal that will mess up the layout. You may have to revert back to a basic account to get it to display properly; however, there is a pinned topic in this forum about Sponsored+ accounts and a workaround that may or may not work.