ES27: Work Hard to Make it

Skin From Wanaseoby. Her skin name is Falling in Love. Other help is from : FatinHazwani and Tieqa. Helping me for colour : http://html-color-codes.info/ . Helping me for photo : http://weheartit.com/

This is the code :

<html>
<head><link href='http://static.tumblr.com/wsc9ua7/sQtma90ur/favi_09.png' rel='icon' type='image/x-icon'/>
<base target='_blank'/>
<title>Budak Sekolah</title>
<style type="text/css">
body{
background:#F6FEFF fixed;
font: 12px Calibri;
letter-spacing:1px;
color:#585;}

a:link,a:visited{
text-decoration:none;
color:#FFA4A4;-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;
box-shadow:inset 0 0px 0px #aaa;
padding:2px;
}
a:hover{
color:#fff;
box-shadow:inset 0 50px 8px #aaa;
}

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

.h1 {
text-transform:uppercase;
color:#84CCFF;-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family:BobsFrAnTiC;
margin-bottom:5px;
font-size:20px;
background:#f6f6f6;
line-height:7px;
border-left:15px solid #84FF91;
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:#E9D0FF;

}

.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(http://i.imgur.com/zOflB.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(http://i.imgur.com/zOflB.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 #E9D0FF;
left:410px;
}

.header{
padding:10px;
background:url(http://i.imgur.com/40EdC.png)}

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

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

#bamboo{
background:url(http://i.imgur.com/40EdC.png);
padding:5px;
position:absolute;
margin-left:610px;
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;
}

::selection {
background: transparent; /* Safari */
color: #FFA4A4;
}
::-moz-selection {
background: transparent; /* Firefox */
color: #FFA4A4;
}

a.linkies {
color:#FF8AD7;
background:#FFEFFA;
margin:1px;
margin:1px 1px 1px;;
border: 5px solid #FFC1EA;
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;
}

::-webkit-scrollbar {
height: 7px;
width: 7px;
background-color: #F6FEFF;
}
::-webkit-scrollbar-thumb {
background: url(http://i.imgur.com/40EdC.png);
border: 1px solid #FF8D8D;
-moz-border-radius: 0px;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #A4A4A4;
-moz-border-radius: 0px;
border-radius: 0px;
}

u {
text-decoration:none;
border-bottom: 2px solid #faafbe;
padding: 0px;
}

blockquote{
text-align: center;
background:#FFE5F4;
padding:10px;
color:#808080;
font:12 quote;
letter-spacing:1px;
margin-left:30px;
margin-right:30px;
border:3px solid #FF8D8D;
-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;
}

blockquote:hover{
margin-left:0px;
margin-right:60px;
}

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 oncontextmenu='return false;'>
<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://data.whicdn.com/images/43345021/tumblr_md69laWts41qe49wpo1_500_large.png" width="300"><div id="menu">
★Secret Memories★</div>
<div id="spirit">
<img src="http://data.whicdn.com/images/28570818/tumblr_m316onrWgE1r2gctro1_400_large.png" width="60" height="70" style="border-radius:10px; float:left;margin-bottom:10px;margin-right:10px;"><i>Ingin menampak diri ini kuat melalui senyuman tetapi sebenarnya tidak kuat seperti yang difikirkan. Menyimpan rahsia membuatkan kita lebih berdendam dan sakit hati -Alone</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" >BlaBla</a>
<a class="bnavi" href="wanisukabercerita.blogspot.com">Blog</a>
<a class="bnavi" href="http://www.blogger.com/follow-blog.g?blogID=7485040101239284740">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 style="float: left;"><a class="leposts" href=<$OlderPosts$>>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitjAEg4CzykB67B_CWEhaqM9Sn8syKo9HRcU2lsjebmUvZpEpbNxnvqAfVQJo66f3YEExwskIfZVVzKDUuFWwETpwcv9-Ct9HZL3xnSL_AjXnif9Tin02VnnW7d_xjabEDF7JHN1mf5O8/s1600/nextblue.png" border="0" /></a></div>
<div style="float: right;"><a class="leposts" href=<$NewerPosts$>>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZ8ZEmnBo0HPeqnkZegMEnAK8wZiXvADJOBwF-ZvXeZBvH6LlLA32Td1QF-YPLfAoCijpB7RXaLOKUHkVX2ikpAkvw9AWlqPi82eT54uprEoUFOEaP5v1JWv59ofcDB6daPxG3TcFS48/s1600/backblue.png" border="0" /></a></div>

</div>
</div>
<div class="header">
</div>

<div id="about" style="display: none;">
<div class="h1">
Alonely Girl</div>
<center><img src="http://data.whicdn.com/images/29397739/tumblr_m170ebDe6S1qkooa5o1_500_large.jpg" width="500" /><br /></center>
Banjour! I'm Syazwani. I'm 15-year-old and Malaysian Girl. I'm big fan of Beast, Big Bang and CNblue. I have a lot of song from them! My favourite bias is Lee Gi kwang. I'm muslim and live in somewhere in Malaysia. Want my handphone nombor? Please call 999 and you will get a love letter from my handsome guide. <br/><br/>
<div class="h1">
Necwork Contact</div>
<center><img src="http://data.whicdn.com/images/39663966/306672_322410137856509_817639884_n_large.jpg" width="500"/></center>
<br><center> My Other site :
<br>
<a class="https://twitter.com/EwaniOne" href="https://twitter.com/EwaniOne" target="_blank">Twitter</a><br>
<a class="http://wanisukabercerita.blogspot.com/p/exchange-linkk.html" href="http://wanisukabercerita.blogspot.com/p/exchange-linkk.html" target="_blank">Exchange link?</a><br>
<br>
Press what ever you want. Have a nice day :D
</div><br>

</div>

<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>

<div id="links" style="display: none;">
<table width="600" align="center" border="0" cellspacing="8">
<td valign="top" style=" font-size:11px; width:270px; padding-right:10px;">
<div class="h1">
Yong Jun Hyung</div>
<center><img src="http://data.whicdn.com/images/25722169/tumblr_m1nfdylRov1r0z20jo1_500_large.png" width="280"/></center>
<center>Dia rapper kumpulan Beast. Aku mula suka dia sejak dengar dia rap lagu Bad Girl. Aku suka gila cara dia rap sesebuah lagu *~*</center>

<br/><br/></td>
<td valign="top" style=" font-size:11px; width:270px; padding-right:10px;">
<div class="h1">
Jeong Yong Hwa</div>
<center><img src="http://data.whicdn.com/images/15952585/jeong_yong_hwa_19071_large.jpg" width="280" height="225"/></center>
<center>Dia penyanyi kumpulan CN Blue. Suka dia selepas tengok cerita Heartstring. Cara dia main gitar, fuuyoo! Terbaiklahh. Love him!</center>
</td></table>
<br>
<div class="h1">
Lee Gi Kwang</div>
<center><img src="http://data.whicdn.com/images/12742171/tumblr_lkfzbta7SI1qacukzo1_500_large.png" width="500"height="400"/></center>
<br><center> He is My Biggest Biase!
<br>
<center>Dia penyanyi utama kumpulan Beast. Aku suka dia dah lama dah. Sejak 2010 lagi. omey omey je muka dia. rasa nak tumbuk pon ada. hahaha, but he is number one biase of me!</center>
<br>
<center><img src="http://25.media.tumblr.com/tumblr_mab8pxSy0D1qi21mno1_500.gif" width="500"/></center>
<br>
Gi Kwang bersama awek dia a.k.a Dong Woon :D
</div>
</div>

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

Cantik tak? Oke, nie memang skin yang aku tukar hampir 90%. rajin pula aku nie. aku taknaklah jadi jenis yang ambil je apa yang diberi. tukar-tukarlah sikit sikit. dah petanglahh, tengkok pon dah sakit, aku chow dulu. kbaii, assalammualaikum :p

Lee Gi Kwang comell. love him :D