I think i explained it easier on the image in the attachment. =S
QUOTE
<title>. Above us only clouds________________ + +</title>
<style type=text/css>
body {
font-family:Tahoma;
font-size:10px;
font-weight:normal;
line-height:9px;
text-decoration:none;
color:#999999;
text-align:justify;
text-transform:none;
overflow-x:hidden;
background-image:url('http://www.geocities.com/xoillstrate/bg.png'); background-repeat: repeat-y;
background-color:#dadada;
}
.blogbody b, .standard b, b, strong, b {font-weight: bold; color: #FF5994; font-size:11px;}
i,em{font-weight: bold; color:#ffb400; font-size:11px;}
u {text-align: justify; font-weight: bold; text-transform: uppercase; color: #66bd00; font-size:11px;}
a:link{line-height: 9px; font-family: Tahoma; font-weight:bold; color:#0096ff; text-transform: uppercase; cursor:crosshair;}
a:active{font-family: Tahoma; color:#0096ff;font-weight:bold; text-transform: uppercase; cursor:crosshair;}
a:visited{font-family: Tahoma; color:#0096ff;font-weight:bold; text-transform: uppercase; text-decoration:none; font-cursor: crosshair;}
A:hover {font-family: Tahoma; color:#ffffff;font-weight:bold;text-transform: uppercase; cursor: n-resize; font-weight:bold; background-color:#66bd00;}
a.menu {display:block; background-color:#dadada; color:; margin-bottom:1px; border-bottom: 0px dashed #c5e58d; border-top: 0px solid #efa9a7;}
a.menu:link {font-family: Tahoma;font-size: 11px; text-decoration: none; color:#5c5c5c; text-transform:uppercase; font-weight:; padding-right:5px; text-align:left;}
a.menu:visited { font-family: Tahoma; font-size: 11px; text-decoration:none; color:#5c5c5c;text-transform:uppercase; font-weight:;padding-right:5px; text-align:left;}
A.menu:active { font-family: Tahoma;font-size: 11px; text-decoration: underline; color:#5c5c5c; text-transform:uppercase; font-weight:; padding-right:5px; text-align:left;}
a.menu:hover {font-family: Tahoma; font-size: 11px; color:#66bd00; text-transform:uppercase; font-weight: bold;text-decoration:none; background-color:#5c5c5c;}
#title{
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #000000;
}
</style>
<div id="map" style="position:absolute;top:0;left: 0">
<IMG alt="main"
src="http://www.geocities.com/xoillstrate/main.png">
</div>
<body background="http://www.geocities.com/xoillstrate/bg.png">
<DIV style="position: absolute; top:573; left:79; width:364">
<Blogger>
<!------ DATES ------>
<BlogDateHeader>
<div id='title'><b>
<$BlogDateHeaderDate$>
</div></b>
</BlogDateHeader>
<!------ SUBJECT ------>
<BlogItemTitle>
<H1 ALIGN=RIGHT><u><$BlogItemTitle$></u></h1>
</BlogItemTitle>
<!------ POST BODY ------>
<div class="post-body">
<$BlogItemBody$>
</div>
<!------ COMMENT FOOTER ------->
<div class="footer"><p style="text-align:right"><a href="mailto:phuong236797@yahoo.com"><$BlogItemAuthorNickname$></a> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> |
<MainOrArchivePage><BlogItemCommentsEnabled>
<a href="<$BlogItemPermalinkURL$>#comments">C<$BlogItemCommentCount$>MNTS</a></p>
</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
</div>
<Br>
<!------- COMMENT -------->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<div class="head"><$BlogItemCommentCount$> Comments:</div>
<p>
<BlogItemComments>
<dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
<div class="head" style="width:100%"><$BlogCommentAuthor$> said...</div>
</dt>
<div class="post-body">
<$BlogCommentBody$>
</div>
<div class="footer"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</div>
<p>
</BlogItemComments>
</p>
<p class="footer">
<$BlogItemCreate$>
</BlogItemCommentsEnabled>
<br/>
<a href="<$BlogURL$>">« Home</a>
</p>
</p>
</div>
</ItemPage>
</Blogger>
</div>
<DIV style="position: absolute; top:533; left:481; width:139">
<b><h2>The girl. </h2></b>Thuy Anh. <i>aka.</i> Anna. 6teen. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
<b><h2>Main</h2></b>
<a href="thuyanh.blogspot.com" class="menu"> one</a>
<a href="thuyanh.blogspot.com" class="menu"> two</a>
<a href="thuyanh.blogspot.com" class="menu"> three</a>
<a href="thuyanh.blogspot.com" class="menu"> four</a>
<a href="thuyanh.blogspot.com" class="menu"> five</a>
<a href="thuyanh.blogspot.com" class="menu"> six</a>
<a href="thuyanh.blogspot.com" class="menu"> seven</a>
<a href="thuyanh.blogspot.com" class="menu"> eight</a></p>
<a href="thuyanh.blogspot.com">one</a>
<a href="thuyanh.blogspot.com">two</a>
<a href="thuyanh.blogspot.com">three</a>
<a href="thuyanh.blogspot.com">four</a>
<a href="thuyanh.blogspot.com">five</a>
<p>
</div>
<style type=text/css>
body {
font-family:Tahoma;
font-size:10px;
font-weight:normal;
line-height:9px;
text-decoration:none;
color:#999999;
text-align:justify;
text-transform:none;
overflow-x:hidden;
background-image:url('http://www.geocities.com/xoillstrate/bg.png'); background-repeat: repeat-y;
background-color:#dadada;
}
.blogbody b, .standard b, b, strong, b {font-weight: bold; color: #FF5994; font-size:11px;}
i,em{font-weight: bold; color:#ffb400; font-size:11px;}
u {text-align: justify; font-weight: bold; text-transform: uppercase; color: #66bd00; font-size:11px;}
a:link{line-height: 9px; font-family: Tahoma; font-weight:bold; color:#0096ff; text-transform: uppercase; cursor:crosshair;}
a:active{font-family: Tahoma; color:#0096ff;font-weight:bold; text-transform: uppercase; cursor:crosshair;}
a:visited{font-family: Tahoma; color:#0096ff;font-weight:bold; text-transform: uppercase; text-decoration:none; font-cursor: crosshair;}
A:hover {font-family: Tahoma; color:#ffffff;font-weight:bold;text-transform: uppercase; cursor: n-resize; font-weight:bold; background-color:#66bd00;}
a.menu {display:block; background-color:#dadada; color:; margin-bottom:1px; border-bottom: 0px dashed #c5e58d; border-top: 0px solid #efa9a7;}
a.menu:link {font-family: Tahoma;font-size: 11px; text-decoration: none; color:#5c5c5c; text-transform:uppercase; font-weight:; padding-right:5px; text-align:left;}
a.menu:visited { font-family: Tahoma; font-size: 11px; text-decoration:none; color:#5c5c5c;text-transform:uppercase; font-weight:;padding-right:5px; text-align:left;}
A.menu:active { font-family: Tahoma;font-size: 11px; text-decoration: underline; color:#5c5c5c; text-transform:uppercase; font-weight:; padding-right:5px; text-align:left;}
a.menu:hover {font-family: Tahoma; font-size: 11px; color:#66bd00; text-transform:uppercase; font-weight: bold;text-decoration:none; background-color:#5c5c5c;}
#title{
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #000000;
}
</style>
<div id="map" style="position:absolute;top:0;left: 0">
<IMG alt="main"
src="http://www.geocities.com/xoillstrate/main.png">
</div>
<body background="http://www.geocities.com/xoillstrate/bg.png">
<DIV style="position: absolute; top:573; left:79; width:364">
<Blogger>
<!------ DATES ------>
<BlogDateHeader>
<div id='title'><b>
<$BlogDateHeaderDate$>
</div></b>
</BlogDateHeader>
<!------ SUBJECT ------>
<BlogItemTitle>
<H1 ALIGN=RIGHT><u><$BlogItemTitle$></u></h1>
</BlogItemTitle>
<!------ POST BODY ------>
<div class="post-body">
<$BlogItemBody$>
</div>
<!------ COMMENT FOOTER ------->
<div class="footer"><p style="text-align:right"><a href="mailto:phuong236797@yahoo.com"><$BlogItemAuthorNickname$></a> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> |
<MainOrArchivePage><BlogItemCommentsEnabled>
<a href="<$BlogItemPermalinkURL$>#comments">C<$BlogItemCommentCount$>MNTS</a></p>
</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
</div>
<Br>
<!------- COMMENT -------->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<div class="head"><$BlogItemCommentCount$> Comments:</div>
<p>
<BlogItemComments>
<dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
<div class="head" style="width:100%"><$BlogCommentAuthor$> said...</div>
</dt>
<div class="post-body">
<$BlogCommentBody$>
</div>
<div class="footer"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</div>
<p>
</BlogItemComments>
</p>
<p class="footer">
<$BlogItemCreate$>
</BlogItemCommentsEnabled>
<br/>
<a href="<$BlogURL$>">« Home</a>
</p>
</p>
</div>
</ItemPage>
</Blogger>
</div>
<DIV style="position: absolute; top:533; left:481; width:139">
<b><h2>The girl. </h2></b>Thuy Anh. <i>aka.</i> Anna. 6teen. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
<b><h2>Main</h2></b>
<a href="thuyanh.blogspot.com" class="menu"> one</a>
<a href="thuyanh.blogspot.com" class="menu"> two</a>
<a href="thuyanh.blogspot.com" class="menu"> three</a>
<a href="thuyanh.blogspot.com" class="menu"> four</a>
<a href="thuyanh.blogspot.com" class="menu"> five</a>
<a href="thuyanh.blogspot.com" class="menu"> six</a>
<a href="thuyanh.blogspot.com" class="menu"> seven</a>
<a href="thuyanh.blogspot.com" class="menu"> eight</a></p>
<a href="thuyanh.blogspot.com">one</a>
<a href="thuyanh.blogspot.com">two</a>
<a href="thuyanh.blogspot.com">three</a>
<a href="thuyanh.blogspot.com">four</a>
<a href="thuyanh.blogspot.com">five</a>
<p>
</div>