Coding

<html><head>
<center><div style="position: absolute; top:15px; left:36px "><img src="http://content.pimp-my-profile.com/i48/5/3/11/f_1a8468fd65a1.png" width="900"/></center>
<link rel="shortcut icon" href="http://www.drikoti.net/Goodies/Favicons/Ico/fv-new20.ico" alt="emoticon06" title="emoticon06">
<link href='http://fonts.googleapis.com/css?family=Iceberg|Oswald' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script language=JavaScript>

</script>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>

<title>Mistake-You</title>
<style type="text/css">

#navbar-iframe { display: none; height:0px;}

::-moz-selection{background-color: transparent;color:#fff;}
::selection {background-color: transparent;color:#fff;}

body {
cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), auto;
color: #C6C6C6;
text-align: justify;
background: url('http://i45.tinypic.com/dhcqja.jpg') fixed;
font-family: arial;
line-height: 15px;
letter-spacing: 1px;
font-size: 11px;
}

a:link, a:visited {
color: #000000;
text-decoration:none;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
}
a:hover {
color:#FFFFFF;
}

.h1 {
background: #99E0FF;
padding: 3px;
text-align: center;
color: #BBBBBB;
margin-bottom: 6px;
display:block;
font-family: century gothic;
line-height: 3%;
font-size: 20px;
-webkit-transition:2s;
}

.h1:hover {
background: #FFA8D3;
padding: 3px;
text-align: center;
color: #000;
margin-bottom: 6px;
display:block;
font-family: century gothic;
line-height: 3%;
font-size: 20px;
-webkit-transition:2s;
}

@font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
@font-face { font-family: "udaa"; src: url('http://static.tumblr.com/m8rjzat/OGYm042gm/udamoji_al.ttf');}

.entries {
width: 650px;
top:260px;
left:40px;
position: absolute;
height: auto;
box-shadow: 0px 0px 10px #EEEEEE;
border-radius:3px;
-moz-border-radius: 3px;
padding: 15px;
background-color: #FFFFFF;
}

.sidy{
background: #FFFFFF;
font-family: tinytots;
font-size: 8px;
color: #555555;
top: 260px;
left:750px;
width: 200px;
position: absolute;
height:justify;
box-shadow: 0px 0px 10px #EEEEEE;
border-radius:3px;
-moz-border-radius: 3px;
padding: 15px;
}

.tittle {
background: #FFA8D3;
padding: 8px;
text-align: center;
color: #BBBBBB;
margin-bottom: 15px;
display:block;
font-family: century gothic;
line-height: 5%;
font-size: 35px;
-webkit-transition:2s;
}

.tittle:hover {
background: #99E0FF;
padding: 8px;
text-align: center;
color: #000;
margin-bottom: 15px;
display:block;
font-family: century gothic;
line-height: 5%;
font-size: 35px;
-webkit-transition:2s;
}

.details {
font-family: tinytots;
text-align: right;
font-size: 8px;
margin-bottom: 0px;
color: #999;
text-transform: uppercase;
padding-left: 4px;
display: block;
background: #fff;}

b {
color:#525252; }
i {
color:#7E7E7E; }
u {
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilHkK6eHBG1FogWjyi94u_Ho2Ovvt4DSzPOCsyEX9Hf4kPxNXj83drsz1Adls4M5bp2HuoRe8ckNhi9j5Amzwpc7oArAE4u7qRiQF9idPbvekLU6s61TiHErIfTi8kbq8rd2D9o-vOxtqo/s1600/dblack.png);
padding-top:8px;
padding-bottom:20px;
}

blockquote {
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border: 1px solid #22aaff;
border-right: 25px solid #22aaff;
padding: 3px;
background: #E6E6E6;
-webkit-transition:2s;
}
blockquote:hover{
background-image:url(http://content.pimp-my-profile.com/i48/5/3/11/f_951882b86312.png);
border: 1px solid #FF9696;
border-left: 25px solid #fff;
-webkit-transition:2s;
}

a.link {
background-image:url(http://content.pimp-my-profile.com/i48/5/3/11/f_951882b86312.png);
padding: 5px;
display: inline-block;
text-transform: uppercase;
font: 10px consolas;
letter-spacing: 2px;
width: 88px;
text-align:center;
margin: 0px 2px 3px;
border: 1px solid #eee;
opacity:.8
}
a.link:hover {
opacity:1;
-webkit-transition:.5s}

a.navi {
background: transparent;
padding: 4px;
text-align: center;
letter-spacing: 3px;
font-family: tinytots;
font-size: 8px;
-webkit-transition:1.5s;
color: #000;
}
a.navi:hover {
color: #FFF;
border-radius:10px;
-webkit-transition: 1s;
padding: 2px;
padding-left:50px;
}

::-webkit-scrollbar {
background:url(http://i1238.photobucket.com/albums/ff486/nurulhanis/blogskins/black.gif);
height:8px;
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #DEDEDE;
-moz-border-radius: 1px;
border-radius: 1px;
}

<body oncontextmenu='return false;' onkeydown='return false;'><br>
</style>

<body>
</center> </div>
</div>

<div class="sidy"> <center>

<br></center>

<div class="h1">WELCOME</div><br>
<img src="http://25.media.tumblr.com/tumblr_m0bmaktReq1rqlgkgo1_500.gif"
height="130" width="200" style="border-radius:5px;"><br>
<div align="CENTER">WALKING WITHOUT TALKING. THIS IS SILENT ZONE.<br><br></center>
<div align="JUSTIFY">
<div style="border-bottom: 0px solid #FFFFFF; padding-top: 2px; padding-bottom: 5px; margin-top: -15px;"><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="Typewriter"><img src="http://i47.tinypic.com/2075puw.jpg"> GET TO KNOW.</a></div><br>
<div style="border-bottom: 0px solid #FFFFFF; padding-top: 2px; padding-bottom: 5px; margin-top: -15px; "><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML" title="Boardie"><img src="http://i45.tinypic.com/2whqwpw.jpg"> LEAVE MESSEJI.</a></div><br>
<div style="border-bottom: 0px solid #FFFFFF; padding-top: 2px; padding-bottom: 5px; margin-top: -15px; "><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('link').innerHTML" title="Linkies"><img src="http://i46.tinypic.com/97kup4.jpg"> MY FRIENDS.</a></div><br>
<div style="border-bottom: 0px solid #FFFFFF; padding-top: 2px; padding-bottom: 5px; margin-top: -15px; "><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('site').innerHTML" title="Favourite"><img src="http://i45.tinypic.com/vzj9mo.jpg"> FAVOURITE SITES.</a></div>
<br>

<center>CLICK ONE OF THEM :- <a href="http://www.blogger.com/follow-blog.g?blogID=PUTYOURIDHERE" target="_blank">ADDING</a> OR <a href="http://www.blogger.com/">HOME</a></center>
</div><br></center>

<div class="h1">BIG CLAP</div><div style="height:120px;"><br>
<!---- REMOVE THIS OR YOU WILL BE PUNISHED. -----!>
<div align="justify">100% layout and skin by <a href="http://pulpyjuicy.blogspot.com/">EVA</a> <a href="http://www.blogskins.com/me/eva_jay">JAY.</a> The intresting images and gif are from <a href="http://www.tumblr.com">TDC</a>.
The cutest fonts sponsored by <a href="http://www.dafont.com/">DAFONT</a>. Unique background is from <a href="http://www.tinypic.com/">TPDC</a>. Basic code, tutorials and freebies
are from <a href="http://pulpyjuicy.blogspot.com/">EVA</a> <a href="http://cokelatitumanis.blogspot.com/">WILL</a>.<a href="http://myownsmyworld.blogspot.com/">I</a>.<a href="http://hajaaminho.blogspot.com/">AM</a>.
<!---- REMOVE THIS OR YOU WILL BE PUNISHED. -----!>
<br><br>
<center><OlderPosts><a href=<$OlderPosts$>>≦ PAST </a> </OlderPosts> </a>
✖
<NewerPosts><a href=<$NewerPosts$>> PRESENT ≧</a> </OlderPosts> </a> </center>
</div>
</div>

</div></div></div>

<div class="entries">
<div id="main">
<blogger>
<span class="tittle"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></span>
<span class="details"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> |
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> My Love</a></BlogItemCommentsEnabled> &hearts;</span>
<br>
<$blogitembody$><br>
</blogger>

</div>

<div id="post" style="display:none">
<Blogger>
<span class="tittle"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></span>
<span class="details"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> |
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled> &hearts;</span>
<br>
<$blogitembody$><br>
</blogger>

</div>

<div id="about" style="display:none">
<div class="h1">Get to know me</div><br>
<center><img src="http://29.media.tumblr.com/tumblr_lzwqafDuHZ1r62oeio1_500.gif" width="550px" /></center>
<center><u><b>You know my name, but that doesn't mean you know my story.</u></b><br>
<br><div align="justify"> Write about you here. You can put wishlist, biased, status or whatever that you want as long it look neat and nice yaw! Just remember! Don't rip the code and the credits!
<br><br><div style="border-bottom: 0px solid #FFFFFF; padding-top: 10px; padding-bottom: 5px; margin-top: -15px;"><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('post').innerHTML" title="Diaries"><- BACK TO MAIN?</a></div>

<div id="stuff" style="display:none">
<div class="h1">Boardie</div><br>
<center><img src="http://26.media.tumblr.com/tumblr_m0poyv66Zm1qc49peo1_500.gif" width="550px" /></center>
<center><u><b>Just one click "GO" and it will be send</u></b></center><br>
<img src="http://content.pimp-my-profile.com/i49/5/3/11/f_8b57565134b7.png">
<br></div>

<div id="link" style="display:none">
<div class="h1">Linkies</div><br>
<center><img src="http://27.media.tumblr.com/tumblr_lza0tfVBRE1qdzproo1_500.gif" width="550px" /></center>
<center><u><b>Exchange? Just tell at the boardie ;3</u></b></center><br>

<a class="link" href="http://pulpyjuicy.blogspot.com/" target="_blank">Eva Jay.</a>
<a class="link" href="http://___.blogspot.com/" target="_blank">HER</a>
<a class="link" href="http://blogger.com/" target="_blank">HER</a>
<a class="link" href="http://blogger.com/" target="_blank">HER</a>
<a class="link" href="http://blogger.com/" target="_blank">HER</a>
<a class="link" href="http://blogger.com/" target="_blank">HER</a>
<a class="link" href="http://blogger.com/" target="_blank">HIM</a>
<a class="link" href="http://blogger.com/" target="_blank">HIM</a>
<a class="link" href="http://blogger.com/" target="_blank">HIM</a>
<a class="link" href="http://blogger.com/" target="_blank">HIM</a>
<a class="link" href="http://blogger.com/" target="_blank">HIM</a>
<a class="link" href="http://blogger.com/" target="_blank">HIM</a>
</div><br>

<div id="site" style="display:none">
<div class="h1">Favourite</div><br>
<center><img src="http://25.media.tumblr.com/tumblr_m0q3wug17Q1ro6sb7o1_400.gif" width="500"><br>
<u><b>Put any sites that very intresting and can give you an inspiration.</u></b>
</body>
</head>
</html>