CODES;

<html>
<head><base target='_blank'/><link href='http://i803.photobucket.com/albums/yy320/HikariLuvLuv/Omo/onigirifavicon.png' rel='icon' type='image/x-icon'/>
<title>TO ME</title>

<style type="text/css">

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

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN5piIt8P5748d5VPbgNUEhJsXYHMHHwIqP0qkA9cSzltgvJX4eOdiGjRQY3Ida-xXwoCmClnREB4Jzv9nasNIVLdJgHMnIWXjdPBzoCzcOz_KcvATUaSx8fDpBp0-SWRjAYXzIzXylOSa/s1600/rpi7a7y.png);
font-family:arial;
letter-spacing:1px;
color: #333;
font-size:11px;
}

a:link,a:visited{
color:#000;
text-decoration:none;
padding:2px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;

}

a:hover{
webkit-transition: 1.0s;
-moz-transition: 1.0s;
padding:2px;
color:#fff;
}

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

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

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

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

a.navigateu {
color:#fff;
background:#222;
padding:2px;
text-align:center;
border-left:0px solid #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
letter-spacing:2px;
font-size:8px;
display:block;
width:200px;
margin:2px;
}

a.navigateu:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#000;
width:150;
border-left:50px solid #000000;

}

.h1 {
background:url(http://25.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo3_250.png);
margin-top:3px;
pading:1px;
text-align:center;
color:#fff;
margin-bottom:4px;
}

::-webkit-scrollbar {
width:2px;
height:auto;
background:url(http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo3_100.png);
}

::-webkit-scrollbar-thumb{
background:url(http://25.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo3_250.png);
border-radius:10px;
}

a.option{
color:#000;
background:url(http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo3_100.png);
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:40px;
margin:2px;
text-align:center;
}

a.option:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
}

.post-footer{
background:url(http://25.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo3_250.png);
margin-top:3px;
height:7px;
}

.sidebar{
background:#fff;
height:12px;
margin-top:5px;
color:#808080;
text-align:center;
overflow:hidden;
width:250px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

.sidebar:hover {
height:100px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

.nag {
text-align:center;
background:url(http://25.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo3_250.png);
margin-top:3px;
padding:1px;
font-size:8px;
color:#fff;
margin-bottom:5px;
font-family:"tinytots";
}

.post-position{
position:absolute;
top:50px;
width:580px;
left:400px;
}
.post {
background: url(http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo3_100.png);
padding:10px;
margin-bottom:10px;
}

.post-inside {
background:#fff;
padding:5px;
}

.com {
color:#808080;
background:#111;
float:right;
width:30px;
margin-top:0px;
pading:1px;
text-align:center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left:3px solid #444;
}

.com a{
color:#777;}

.com:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
border-left:30px solid #444;
}

a.vip{
background:#333;
text-align:center;
display:inline-block;
width:100px;
height:100px;
color:#fff;
padding:2px;
}

a.vip:hover{
background:#000;
color:#868757;
}

@font-face {
font-family:tinytots;
src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf); }

blockquote{
padding:10px;
border-radius:5px;
color:#666;
background:url(http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo3_100.png);
}
#main{
background:#fff;
}

a.linkies {
color:#999;
background:url(http://24.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo1_250.png);
margin:1px;
width:65px;
margin:1px 1px 1px;;
border:1px solid #ccc;
font-size:10px;
display:inline-block;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

a.linkies:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#333;
border:1 solid #333;
}

</style>
</head>
<body>
<a style="position:fixed; font-size:10px; top :105px; left:88px; padding:2px; text-align:center; background:url(http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo3_100.png);
" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogId$>">F<br/>O<br/>L<br/>L<br/>O<br/>W<br/></a> </div>

<div style="position:fixed; top:100px; left:100px; width: 270px;"> <div style="background:url(http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo3_100.png);padding:8px;">
<img src="http://24.media.tumblr.com/tumblr_lynpw3dRMG1r0yfa8o1_500.png" style="width:250px;">
<div class="sidebar">
<div class="nag">SO BABY LITSEN UP</div>
<center>
<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="">AFFIES</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" title="">ENTRY</a>
<a class="navigateu" href="http://wanaseoby.blogspot.com/" title="">SKIN BY ©</a>
</center>
</div>

<div class="sidebar">
<div class="nag">JUST WANNA BE WITH YOU</div>
<center>
Private cbox here. Max height =75
</div>
</div></div></div></div></div>

<div class="post-position">
<Blogger><div class="post"><div class="post-inside"><div id="main">
<div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> ♥</a></BlogItemCommentsEnabled></div>
<div class="h1"><$BlogItemTitle$></div>
<$BlogItemBody$>
<div class="post-footer"></div>

</div></div></div></Blogger><div style="float:left;"><a class="option" href=<$NewerPosts$>>◀</a></NewerPosts></div><div style="float:right"><OlderPosts><a class="option" href=<$OlderPosts$>>▶</a> </OlderPosts></div></div>


<div id="one" style="display: none;">
<div class="h1">About</div><div style="text-align:left;">
<img src="http://24.media.tumblr.com/tumblr_m3x4qmNJtq1r0yfa8o2_250.png" style="float:left;border:1px dashed #888; width:100; padding:2px;margin-right:10px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Skin named 'To Me'- a Rainbow single song.기억은 잊어도 심장은 기억한다 "though memories are gone, the heart remembers". Replace this with your bio. Tell people about yourself
</div><div style="clear:both;">


<div id="two" style="display: none;">
<div class="h1">Affiliates</div>

<a class="linkies" href="LINK">lissa</a>
<a class="linkies" href="LINK">jane</a>
<a class="linkies" href="LINK">rose</a>
<a class="linkies" href="LINK">soyeon</a>
<a class="linkies" href="LINK">hyomin</a>
<a class="linkies" href="LINK">juniel</a>
<a class="linkies" href="LINK">alice</a>
<a class="linkies" href="LINK">sunny</a>
<a class="linkies" href="LINK">gummy</a>
<a class="linkies" href="LINK">illa</a>
<a class="linkies" href="LINK">bomi</a>
<a class="linkies" href="LINK">hyorin</a>
<a class="linkies" href="LINK">soyeon</a>
<a class="linkies" href="LINK">hyomin</a>
<a class="linkies" href="LINK">juniel</a>
<a class="linkies" href="LINK">alice</a>
</div></div>



<div id="three" style="display: none;">
<Blogger><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> ♥</a></BlogItemCommentsEnabled></div>
<div class="h1"><$BlogItemTitle$></div>
<$BlogItemBody$>
<div class="post-footer"></div></Blogger>

</body>
</html>

Labels: codes