CODES;

<html>
<head><link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'>
<title><$BlogPageTitle$></title>

<style type="text/css">

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

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOQa0L9EEGgyrymWWC2yu6-0CklHWre_DByUv4Sb4_-lV88dNPUVxQLsO1Kox5nx73g2nyCxB3QPBaqYnCB8QEB7JLhOGahBg-GwOy80POavEprPCfLxRdmvBwlmxLWjfOahOs1pFPa0/s1600/wanawanawanaseoby.png);
font-family:calibri;
color: #888;
font-size:13px;
}

a:link,a:visited{
color:#808080;
text-decoration:none;
cursor: crosshair;
-webkit-transition-duration: 0.4s;
}

a:hover{

-webkit-transition-duration: 0.4s;
border-bottom:2px solid #e9dcdc;
}

u{
text-decoration:none;
border-bottom:2px solid #e5dada;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

u:hover{
border-bottom:2px solid #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

b:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
}

.navigateu {
color:#c8c6c6;
width:50px;
padding: 3px;
margin:1px;
display: inline-block;
border: 2px solid #f6f1ee;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

.navigateu:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #e5dada;
}

.posteu {
width:580px;
background:#fff;
padding:15px;
border: 3px solid #f6f1ee;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

.posteu:hover {
border: 3px solid #e5dada;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

.sidebareu {
padding-top:80px;
float:right;
margin:10px;
}

.sidebareu1 {
width:200px;
background:#fff;
padding:15px;
border: 3px solid #f6f1ee;
margin:0px 0px 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

.sidebareu1:hover {
border: 3px solid #e5dada;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

.h1{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOQa0L9EEGgyrymWWC2yu6-0CklHWre_DByUv4Sb4_-lV88dNPUVxQLsO1Kox5nx73g2nyCxB3QPBaqYnCB8QEB7JLhOGahBg-GwOy80POavEprPCfLxRdmvBwlmxLWjfOahOs1pFPa0/s1600/wanawanawanaseoby.png);
border-bottom: 1px dashed #d7c5c5;
padding:3px;
font-family: 'Sofia', cursive;
font-size:15px;
margin:0px 0px 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOQa0L9EEGgyrymWWC2yu6-0CklHWre_DByUv4Sb4_-lV88dNPUVxQLsO1Kox5nx73g2nyCxB3QPBaqYnCB8QEB7JLhOGahBg-GwOy80POavEprPCfLxRdmvBwlmxLWjfOahOs1pFPa0/s1600/wanawanawanaseoby.png);
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;
}

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

a.linkies {
color:#c8c6c6;
width:50px;
padding: 3px;
margin:1px;
display: inline-block;
border: 2px solid #f6f1ee;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

a.linkies:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #e5dada;
}

blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOQa0L9EEGgyrymWWC2yu6-0CklHWre_DByUv4Sb4_-lV88dNPUVxQLsO1Kox5nx73g2nyCxB3QPBaqYnCB8QEB7JLhOGahBg-GwOy80POavEprPCfLxRdmvBwlmxLWjfOahOs1pFPa0/s1600/wanawanawanaseoby.png);
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-right:5px solid #f6f1ee;}

blockquote:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOQa0L9EEGgyrymWWC2yu6-0CklHWre_DByUv4Sb4_-lV88dNPUVxQLsO1Kox5nx73g2nyCxB3QPBaqYnCB8QEB7JLhOGahBg-GwOy80POavEprPCfLxRdmvBwlmxLWjfOahOs1pFPa0/s1600/wanawanawanaseoby.png);
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left:5px solid #f6f1ee;}

.post-footer{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOQa0L9EEGgyrymWWC2yu6-0CklHWre_DByUv4Sb4_-lV88dNPUVxQLsO1Kox5nx73g2nyCxB3QPBaqYnCB8QEB7JLhOGahBg-GwOy80POavEprPCfLxRdmvBwlmxLWjfOahOs1pFPa0/s1600/wanawanawanaseoby.png);
border-top: 1px dashed #d7c5c5;
height:20px;
padding:3px;
margin:10px 0px 5px;
}
</style>
<body>

<center>
<table cellpadding="1" cellspacing="1">
<tr>



<center>
<td valign="top" style="width: 230px; font-size: 12px;">
<div class="sidebareu"><div class="sidebareu1">
<div class="h1">Annyeong</div>
<img border="0" src="http://29.media.tumblr.com/tumblr_lxg95cPCMx1r2eevbo1_400.png" width="200" /><br/>
Annyeong ! Welcome to ABC. Nice to meet you ◔ᴗ◔ put you music player here if you want.

</div>

<div class="sidebareu1">
<div class="h1">choose one</div>
<img border="0" src="http://28.media.tumblr.com/tumblr_lxlwu2n9sP1r4ipgfo1_400.jpg" width="200" /><br/><br/><center>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" title="">MINE</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" title="">POST</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" title="">TALK</a><br/>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('four').innerHTML" title="">LINKS</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('five').innerHTML" title="">ANY</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('six').innerHTML" title="">THINGS</a>

</div>

<div class="sidebareu1">
<div class="h1">credit</div><center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhopJPxdDoLF0HLi4oYY7m2Cfx7a5o3mJg644Zt0xeh1m9zg9HBLdASycxOI7_bZjvX6RgdBb9ui9qH7YOW-S-Wt0vHbWPlJMCopeiFZ_ZVV-IANdULdAMEOkzPw-9YFzyMMRelGsnk220/s200/wanadoodle.png" width="100" /><br/>
Skin by ; <a href="http://wanaseoby.blogspot.com/">WANA</a> Icons by <a href="http://cutesecrets.net/">SC</a>
</div></div>



<td valign="top" style=" font-size: 12px"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrgmiRCbBw9UIlV_8brw-tk6fNY2i4v2PAXybY10VDjfHMs91-kAuTNvEbdzLGr376nC5fw6aYiOfKZumPhquNa2Aai069RQ9zgyarRr8kZh0ptmyFrtda6Sy5CTBBd7Uv0iNwN0Khx9s/s1600/callingyou.png" /><br><br/>
<div class="posteu" style="text-align:left" ><div id="main"><div class="h1"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>

</div>
<div style="text-align:right;"><div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled>
</div></div>

<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/>
<p style="padding-left:20px;">
<a href="<$BlogURL$>"><< home ♥</a>
</p>
</div>

</ItemPage>



</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>
</div>
</div>


<div id="one" style="display: none;">

<div class="h1">Know me</div> <br/>
write about you here.

<div class="post-footer"></div>
</div>


<div id="two" style="display: none;">

<div class="h1"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>

</div>
<div style="text-align:right;"><div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled>
</div></div>

<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/>
<p style="padding-left:20px;">
<a href="<$BlogURL$>"><< home ♥</a>
</p>
</div>

</ItemPage>



</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>
</div>
</div>


<div id="three" style="display: none;">

<div class="h1">Shout here</div> <br/>
Put your shoutbox codes here

<div class="post-footer"></div></div>


<div id="four" style="display: none;">

<div class="h1">Links</div> <br/><center>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a><br/>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>

<div class="post-footer"></div>
</div>


<div id="five" style="display: none;">

<div class="h1">anything</div> <br/>
Put anything like bias list or what ever

<div class="post-footer"></div>
</div>


<div id="six" style="display: none;">

<div class="h1">anything (2)</div> <br/>
Put anything like bias list or what ever (2)

<div class="post-footer"></div>
</div>

</body></html>