CODES;

<head><base target='_blank'/><link href='http://media.tumblr.com/tumblr_m89gpiwdJD1qdlkyg.gif' rel='icon' type='image/x-icon'/>
<title>Same Sky</title>

<style type="text/css">

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

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

a:link,a:visited{
padding:1px;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
text-decoration:none;
color:#808080;
}

a:hover{
background:#DEF2E2;
color:#fff;
}

blockquote{
border-right:3px solid #ccc;
padding:10px;
}
.sidebar{
background:#000;
height:20px;

color:#808080;
text-align:center;
overflow:hidden;
width:300px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

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

.position{
position:fixed;
top:20px;
left:100px;}

.header{
background:url(http://i.imgur.com/yvp9c.png);
width:600;padding:1px;
box-shadow:0 0 6px #777;
}

.manyago{
width:580px;
height:80px;
padding:px;
margin:10px;
background:url(http://i.imgur.com/jaFDN.png);
color:#fff;
font-family:hm;
font-size:45px;}
@font-face { font-family: hm; src: url('http://static.tumblr.com/dep4vzc/WPqm898xc/chick-fool-a.ttf'); }
.contain{background:fff;
padding:5px;}

a.navigaty {
background:url(http://i.imgur.com/yvp9c.png);
border-radius:3333px;
height:30px;width:30px;
display:block;
margin:5px;
color:transparent;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
padding:0;
}

a.navigaty:hover #title{
top:287px;
left:652px;
color:#000;

}

#title{
font-family:tt;
font-size:8px;
text-transform:uppercase;
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
position:fixed;
color:transparent;
text-align:center;
width:42px;
top:300px;
left:652px;

}
.h1{
text-align:right;
text-transform:uppercase;
padding-right:20px;
font-size:13px;
margin-bottom:10px;
border-bottom:1px solid #EEF9F3;}

#com a{color:#000;}

#com{
-webkit-transition:All 0.6s ease;
-moz-transition:All 0.6s ease;
-o-transition:All 0.6s ease;
opacity:0;
text-transform:uppercase;
font-family:tt;
font-size:8px;
padding:2px;
margin-top:-20px;
position:fixed;
background:#DEF2E2;

}

img{border:1px solid #eee; padding:2px;}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.post-footer{border-top:1px solid #EEF9F3;margin-top:10px;}

.contain:hover #com{
opacity:1;
color:#000;
margin-top:0px;}

.contain{width:520px;top:145px;left:115px;position:absolute;}

.white{width:540px;top:0px;height:40px;left:115px;position:fixed;background:#fff; }
.navi{position:fixed;left:650px; top:140px;}
</style></head><body>

<blogger><div class="contain"><div id="main"><div id="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></div>
<div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$>
<div class="post-footer"></div>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div>

<div class="navi">
<a class="navigaty" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" title=""><div id="title"><br/>a<br/>b<br/>o<br/>u<br/>t</div></a>
<a class="navigaty" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" title=""><div id="title"><br/>e<br/>n<br/>t<br/>r<br/>y</div></a>
<a class="navigaty" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" title=""><div id="title"><br/>l<br/>i<br/>n<br/>k<br/>s</div></a>
<a class="navigaty" href="http://www.blogger.com/follow-blog.g?blogID=4895610806033926499" ><div id="title" ><br/>f<br/>o<br/>l<br/>l<br/>o<br/>w</div></a></div></td>

<div class="white"></div>
<div class="position">
<div class="header"><center><div class="manyago"><span style="font-size:11px;">★</span> under the same sky</div></div><br/></div>


<div id="one" style="display: none;">
<div class="h1">Know 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 you bio here.

<br/><br/><center>
<a class="linkies" href="http://facebook.com/">facebook</a>
<a class="linkies" href="http://twitter.com/">twitter</a>
<a class="linkies" href="LINK">tumblr</a>
<a class="linkies" href="LINK">formspring</a></center><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 class="post-footer"></div>
</div>


<div id="two" style="display: none;">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$>
<div class="post-footer"></div>

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


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

<div class="h1">Shout here</div>
Put your shoutbox codes here.
<br/><br/>
<div class="h1">Exchanges links</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>

<Br><br/>
<div class="h1">credits</div> Skin by <a href="http://wanaseoby.blogspot.com/" >wanaseoby</a> Background and color <a href="http://www.colourlovers.com/pattern/2780619/Gazing_Beauty" >Gazing Beauty</a>
</div>

</body></html>

Labels: codes