CODES;

<html>
<head><link href='http://static.tumblr.com/wsc9ua7/sQtma90ur/favi_09.png' rel='icon' type='image/x-icon'/>
<title>Falling in love</title>
<style type="text/css">
body{
background:#FBFFF9 fixed;
font: 10px arial;
letter-spacing:1px;
color:#888;}

a:link,a:visited{
text-decoration:none;
color:#aaa;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

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

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

.h1 {
text-transform:uppercase;
color:#ddd;-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family:calibri;
margin-bottom:5px;
font-size:20px;
background:#f6f6f6;
line-height:7px;
border-left:15px solid #eee;
padding-right:0px;margin-top:10px;

}
.post-footer{
text-align:right;
color:#fff;
margin-top:5px;
height:5px;
font-size:13px;
margin-top:5px;
line-height:2px;
background:#f6f6f6;

}

.sidebar {
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
border:1px solid #eee;
box-shadow:0px 0px 6px #eaeaea;
transition: all 0.5s ease-in-out;position:fixed;left:50px;top:100px;background:#fff;width:305px;padding:10;}
.sidebar img{padding:2px;border:1px solid #eee;}

#spirit{
top:195px;
left:51px;
background:#fff;
position:fixed; overflow:hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:300px;
height:70px;
padding:10px;
opacity:0.8;
color:#000;

}


#music{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
height:10px;position:fixed;
padding:5px;
left:51px;
top:285px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuebZyhRgv1Me8S_1r0NqegFY8O2MTJAMX8fK0yfHkJr0KSdXWzpUWQA5sMM-aFNT7WUrCJlk_Ehqfi7v6UKwVd-wqw929Rpj68ndhf1JR5PlaH4imPfyeOhMIFede2TVGl20sTmwBRdWD/s1600/stripe_6157fca27fb7697d1b75048aa67686a4.png);
text-align:right;
width:315px;
}



#menu{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color:#888;
letter-spacing:5px;
text-transform:uppercase;
padding:5px;
position:fixed;
left:51px;
top:172px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuebZyhRgv1Me8S_1r0NqegFY8O2MTJAMX8fK0yfHkJr0KSdXWzpUWQA5sMM-aFNT7WUrCJlk_Ehqfi7v6UKwVd-wqw929Rpj68ndhf1JR5PlaH4imPfyeOhMIFede2TVGl20sTmwBRdWD/s1600/stripe_6157fca27fb7697d1b75048aa67686a4.png);
opacity:1;
width:315px;
}

.music-background{
float:right;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:10px;
overflow:hidden;
}
.music-background:hover{
width:50px;}

.main{
border:1px solid #eee;
position:absolute;
top:20px;
box-shadow:0px 0px 6px #eaeaea;
left:410px;
}

.header{
padding:10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMdsIUZ0w26rf9pgaUYeR45GTUXavf_ezCYdJUJvyUCW76jVcckxuQsAev-sxBSJheTog-rY78mec2oFj3NUxV21Nz5TJo5M2dyfJhnN53I2hB-lkDta4JkvAkRDcPCDDDVC8ty0XeFVF3/s1600/stripe_27b406b804de133c12467a7fdd637bea.png)}


.post{
width:540px;padding:10px;
background:#fff;
color:#888888;
}

.post img{max-width:500px;}

#bamboo{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMdsIUZ0w26rf9pgaUYeR45GTUXavf_ezCYdJUJvyUCW76jVcckxuQsAev-sxBSJheTog-rY78mec2oFj3NUxV21Nz5TJo5M2dyfJhnN53I2hB-lkDta4JkvAkRDcPCDDDVC8ty0XeFVF3/s1600/stripe_27b406b804de133c12467a7fdd637bea.png);
padding:5px;
position:absolute;
margin-left:550px;
border:1px solid #eee;-webkit-border-top-right-radius: 22px;
-webkit-border-bottom-right-radius: 22px;
-moz-border-radius-topright: 22px;
-moz-border-radius-bottomright: 22px;
border-top-right-radius: 22px;
border-bottom-right-radius: 22px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
width:0px;height:10px;
overflow:hidden;
}

#bamboo a{color:transparent;}

.post:hover #bamboo{
width:60px;
position:absolute;
margin-left:550px;
opacity:1;
}
.post:hover #bamboo a{color:#888;}

a.bnavi{
text-align:center;
background:#fff;
border:1px solid #eee;
width:50px;
display:inline-block;
padding:5px;
color:#ccc;
margin-left:2px;
margin-right:2px;
text-transform:uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
cursor:pointer;
height:10px;
margin-top:30px;
border-bottom:none;
}
a.bnavi:hover{
color:#B1ECB3;
}
a.linkies {
color:#77;
background:#fafafa;
margin:1px;
margin:1px 1px 1px;;
border: 5px solid #f6f6f6;
display:inline-block;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

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

blockquote{
background:#F2FAE1;
padding:10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
blockquote:hover{
background:#FBE9E0;}

a.skinby{
position:fixed;
bottom:5px;cursor:pointer;
right:5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#wnsb{opacity:0;position:fixed;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
bottom:5px;
right:5px;
font-size:8px;
width:60p;
display:inline-block;
padding:2px;
background:#DCF8D8;}

#lost{font-size:8px;
width:60p;
display:inline-block;
padding:2px;
background:#DCF8D8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;}

.skinby:hover #lost{opacity:0;}
.skinby:hover #wnsb{opacity:1;}

</style></head><body>
<a href="http://wanaseoby.blogspot.com/" class="skinby"><div id="lost">SKIN BY</div> <div id="wnsb">WANASEOBY</div></a>
<div class="sidebar">
<img src="http://24.media.tumblr.com/tumblr_m4711jZwfm1rnh8t9o1_500.png" width="300"><div id="menu">
//falling in love</div>
<div id="spirit">
<img src="http://i.imgur.com/kxeWL.png" width="60" style="border-radius:10px; float:left;margin-bottom:10px;margin-right:10px;"><i>The answer I’ve been looking for  is in front of my eyes
Even if I don’t firmly grasp you, I can feel you
I just can’t get enough
You shyly say that you can give me everything - Secret</i></div>
<div id="music">
<div class="music-background">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k004.kiwi6.com/hotlink/8p0afa19fz/p.mp3&t0=music&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
</div>
</div>
<div class="main">
<div class="header" style="height:40">
<a class="bnavi" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" >About</a>
<a class="bnavi" onClick="document.getElementById('main').innerHTML=document.getElementById('entry').innerHTML" >Entry</a>
<a class="bnavi" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML" >Cbox</a>
<a class="bnavi" onClick="document.getElementById('main').innerHTML=document.getElementById('biases').innerHTML" >biases</a>
<a class="bnavi" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogId$>">Follow</a>
</div>
<blogger>
<div class="post">
<div id="main">
<div id="bamboo">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love</a></BlogItemCommentsEnabled></div>
<div class="h1">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$>
<div class="post-footer">
</div>
</blogger>
     
 </div>
</div>
<div class="header">
</div>
<!---------ABOUT / PAGE 1---------------->
<div id="about" 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. This skin was made a long time ago, its just that I have no idea and save it nowhere and now, when i checked my folder i found this skin so I thought of editing this skin and make it as a freebies. <span style="color:#A7EAAB"> Falling in love</span> is one of Secret-Poison album track which inspire me a lot. Please use Billy music player to fit this skin well ^^ Remove all these craps and kick in about yourself here. <br/><br/>
<div class="h1">
Contact</div>
<a href="">facebook</a>   <a href="">twitter</a>  <a href="">formspring</a>  <a href="">tumblr</a>

</div>
<!---------ENTRY / PAGE 2---------------->
<div id="entry" style="display: none;">
<blogger>
<div id="bamboo">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love</a></BlogItemCommentsEnabled></div>
<div class="h1">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$>
<div class="post-footer">
</div>
</Blogger>

</div>
<!---------CBOX / PAGE 3---------------->
<div id="links" style="display: none;">
<table  width="540" align="center" border="0" cellspacing="8">
<td valign="top" style=" font-size:11px; width:270px;  padding-right:10px;">
<div class="h1">
Cbox</div>
your cbox codes here.

<br/><br/></td>
<td valign="top" style=" font-size:11px; width:270px;  padding-right:10px;">
<div class="h1">
Exchange 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>
</td></table>
</div>
</div>
<!-------- BIASES / PAGE 4 \made this for k-poppers, you can remove or replace with something else---------------->
<div id="biases" style="display: none;">

<div class="h1">
Biases</div>
<table  width="540" align="center" border="0" cellspacing="8">
<td valign="top" style=" font-size:11px; width:270px;  padding-right:10px;">
<img src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/Zinger9.png" style="border:1px solid #eee;padding:2px;float:left;margin-right:5px;" width="60">
<span style="background:#E7F6CF;">Bias name #1</span><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.

</td>

<td valign="top" style=" font-size:11px; width:270px;  padding-right:10px;">
<img src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/Zinger1.png" style="border:1px solid #eee;padding:2px;float:left;margin-right:5px;" width="60">
<span style="background:#E7F6CF;">Bias name #2</span><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.

</td>
</table>
<table  width="540" align="center" border="0" cellspacing="8">
<td valign="top" style=" font-size:11px; width:270px;  padding-right:10px;">
<img src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa22.png" style="border:1px solid #eee;padding:2px;float:left;margin-right:5px;" width="60">
<span style="background:#E7F6CF;">Bias name #3</span><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.

</td>

<td valign="top" style=" font-size:11px; width:270px;  padding-right:10px;">
<img src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/Secret27.png" style="border:1px solid #eee;padding:2px;float:left;margin-right:5px;" width="60">
<span style="background:#E7F6CF;">Bias name #4</span><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.

</td>
</table>
</div>
</html>