CODES;

<head>
<script type="text/javascript">document.ondragstart = function () { return false; }; </script><base target='_blank'/>
<link href="http://media.tumblr.com/tumblr_lthc8eAYT11qhwcy0.gif" rel="icon" type="image/x-icon"></link> <title>cotton</title>
<style type="text/css">

#navbar-iframe {
display: none !important;
}

body{
background:#fff;
font-size: 11px;
font-family:arial;
letter-spacing: 1px; color:#999;
}

a:link,a:visited{
color:#999;
text-decoration:none;
}

a:hover{
text-decoration:underline;}

a.navigateu {
display:inline-block;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
padding-top:3px;
width:70px;
height:18px;
text-transform:uppercase;
color: #666;
background: #F3F3F3;
text-align:center;
cursor:crosshair;
margin-bottom:10px;
border:1px solid #EBEBEB;
}
img{
opacity: .70;
border:1px solid #ddd;padding:2px;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}

img:hover{
opacity: 1; }

a.navigateu:hover{
background:#EBEBEB;
}
.post-footer{
border:1px solid #eee;margin-bottom:5px;
padding:1px;
font-size:10px;
text-align:left;
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);
}

.h1{
color:#666;
border:1px solid #eee;margin-bottom:5px;
padding:3px;text-align:right;
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);}

.post-body{
margin-top:5px;
margin-bottom:5px;}

#comments {
margin:-25px 13px 0;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}

#comments-block {
margin:0 15px 0 9px;
}

.comment-data {
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
color:#666;
}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}

.comment-body p {
background:url(http://i55.tinypic.com/v3d7ps.jpg);
border:1px dotted #e9e7e7 ;
border-radius:5px;
margin:0 0 .5em;
padding:5px;
color:#808080;
}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.comment-timestamp a:link {
color:#666;
}

blockquote{
padding:5px;
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);
border:1px solid #eee;
}

.deleted-comment {
font-style:italic;
color:gray;
}
</style>

<div style="background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);width:300px; padding:10px;padding-top:15px;padding-bottom:20px; border:1px solid #eee;top:50px;color:#666; left:150px; position:fixed;">
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" title="">about</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" title="">etc</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" title="">entry</a>
<a class="navigateu" href="http://www.blogger.com/follow-blog.g?blogID=BLOGID" title="">follow</a>
<center>
<img src="http://25.media.tumblr.com/tumblr_m3i3spGaK41qe49wpo1_500.jpg" width="290" style="border:1px solid #ddd;padding:2px;margin-bottom:3px;"><br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar lobortis luctus. Donec posuere sollicitudin diam, non semper metus vulputate nec. Curabitur lobortis porttitor convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae</div>
<div style="background:#fff;width:550px; padding:10px; left:500px; position:absolute;">
<div id="main">
<blogger><div class="h1">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="post-body">
<$BlogItemBody$></div>
<div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> cares</a></BlogItemCommentsEnabled> | <blogdateheader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$>
</div>
<br/>
<itempage>
<div id="comments">

<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>

<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>
</div>
</ItemPage>
</Blogger></div>
</div>
</div>

<div id="one" style="display: none;">
<div class="h1">
about me</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar lobortis luctus. Donec posuere sollicitudin diam, non semper metus vulputate nec. Curabitur lobortis porttitor convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Kick in your bio here

<br/><br/>
<div class="h1">
wishlist</div>
<ul>
<li>Good result</li>
<li><s>Ukiss 0330 photobook</s></li>
<li>buy this buy that</li>
<li>Put your wislist here or just replace it with something else</li>
<li>or just remove this section</li>
</ul>
</div>
</div>

<div id="two" style="display: none;">
<div class="h1">
archieve</div>
<div style="text-align:left;">
<ul><bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<li><$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
</ul>
<div class="h1">
exchange links</div>
<div style="width:280px; float:left;margin-right:20px;">
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a>
<a href="">friend</a><br/><br/>

<div class="h1">
skin by <a href="http://wanaseoby.blogspot.com"> wana</a><a href="http://www.blogskins.com/me/wana_jeonn">seoby </a></div>
</div>
<div style="width:250px; float:left;">
cbox codes here. Edit your cbox width if something goes wrong.
</div>
</div>


<div id="three" style="display: none;">
<blogger><div class="h1">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="post-body">
<$BlogItemBody$></div>
<div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> cares</a></BlogItemCommentsEnabled> | <blogdateheader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$>
</div>
<br/>
<itempage>
<div id="comments">

<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>

<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>
</div>
</ItemPage>
</Blogger></div>
</div>
</div>
</html>

Labels: codes