©

CODES

<html>
<head>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lthc8eAYT11qhwcy0.gif" />
</script>
<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
<center><img class="header" src="http://i.imgur.com/PnsywXl.png" / ></center>


  <title>Don't Leave</title>

<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#000000'; // blue-ish snow!?
snowStorm.flakesMaxActive = 999; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>

<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>

</head>

<style type="text/css">
#navbar-iframe { display: none; }

body {
background:url(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/s1600/backgroundbody%283%29.png);
color: #888888;
line-height: 15px;
text-align: justify;}

table {
cursor: url(http://i42.tinypic.com/wvo2yq.png);
background:#fff;
font: 11px arial;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:5px;
border:2px solid #eee;
width:820;}

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:#A4A4A4;
background:transparent;
}

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

::selection {
background:#eee;
color:#fff;
}

i , s, strike {
color: #A4A4A4;
}

b {
color:#A4A4A4;
-webkit-transition-duration: 1.5s;
}

b:hover {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}

blockquote{
padding:5px;
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);
border:1px solid #eee;
}

.blogger-labels {
font-family: consolas;
border-bottom: 2px solid #FCEBED;
border-top: 2px solid #FCEBED;
font-size: 10px;
text-align:left;
margin-bottom: 0px;
margin-top: 0px;
}

.blogger-labels a {
background: #ffd1d1;
padding: 3px;
-webkit-transition: 0.5s;
color: #FFF;
}

.blogger-labels a:hover {
background: #dadada;
padding: 3px;
-webkit-transition: 0.5s;
color: #FFF;
}


.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_mdpf4xTtf61qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;
border:3px solid #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}

.pocetit {
padding:5px 5px 5px 30px;
background:url(http://media.tumblr.com/tumblr_lthc8eAYT11qhwcy0.gif) left center;
background-repeat:no-repeat;
font-size: 18px;
font-family: 'Cedarville Cursive', cursive;
color: #999;
border-bottom: 2px solid #eee;
text-align:left;
}

.sidebar {
padding:5px 5px 5px 30px;
background:url(http://media.tumblr.com/tumblr_lthc8eAYT11qhwcy0.gif) left center;
background-repeat:no-repeat;
font-size: 18px;
font-family: 'Cedarville Cursive', cursive;
color: #999;
border-bottom: 2px solid #eee;
text-align:left;
}

.umi {
color:#666;
font-family:tinytots;
font-size:8px;
MARGIN-TOP:2PX;
border-TOP: 1px SOLID #E3F5FF;
text-transform: normal;
text-align: CENTER;
PADDING:2PX;
BACKGROUND:#FFF;
MARGIN-BOTTOM:8PX;
border-bottom: 1px solid #FFE5E5;
}

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


a.nae {
background:#FFF;
padding:4px;
padding-left:10px;
padding-right:10px;
font:8px trebuchet ms;
text-transform:uppercase;
color:#666;
letter-spacing:3px;
-webkit-transition:1s;
-moz-transition:1s;
}

a.navi{
text-align:center !important;
-webkit-transition:All 0.4s ease !important;
-moz-transition:All 0.4s ease !important;
-o-transition:All 0.4s ease !important;
padding:3px;margin-left:5px !important;
margin-top:2px !important;text-transform:uppercase !important;
border-left: 7px solid #eee !important;color:#aaa !important;background:#FCEBED !important;
display:inline-block !important;width:100px !important;font:8px tt;padding-left:10px !important;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png) !important;}

a.navi:hover{ border-left:29px solid #eee !important;width:75px !important;background:#;color:#fff !important}

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

::-webkit-scrollbar {
width: 5px;
height: 10px;
background:white;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fbfbfb;
border: 1px solid #fff;
}

.newer {
width:50px;
padding:4px;
margin:2px;
background:#fff;
font:16px tutano;
text-align:center;
Text-decoration:none;
color:#888;
border:3px solid #eee;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}

.newer:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:#fff;
}
@font-face{
font-family:tutano;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}

.older {
width:50px;
padding:4px;
margin:2px;
background:#fff;
font:16px tutano;
text-align:center;
Text-decoration:none;
color:#888;
border:3px solid #eee;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}

.older:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:#fff;
}

.hmraysf{
margin-top:20px;
margin-right:1px;
width:820px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border: 0px solid #eee;
background:url(http://i.imgur.com/UAKAi.png);
text-align:center;
padding-bottom:15px;
padding-top:15px;
display:inline-block;
}

.mayra{
margin-top:-0px;
margin-right:0px;
width:820px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border: 0px solid #eee;
background:url(http://i.imgur.com/UAKAi.png);
text-align:center;
padding-bottom:15px;
padding-top:15px;
display:inline-block;
margin-bottom:15px;
}

.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
left:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}
.header {margin-left: 2px;margin-bottom: -22px;-webkit-transition:2s}
</style>
<div class="player">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/26538/T-ara-Dont_Leave__MP3_MINI_ALBUM_DL_.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
</style>
</head>

<div align="center">
<center><div class="hmraysf">
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" >1</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML" >2</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML" >3</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML" >4</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('u').innerHTML" >5</a>
<a class="nae" href="http://www.blogger.com/follow-blog.g?blogID=YOUR OWN ID BLOG!">+</a>
</center>
<center>
<table border="0" cellspacing="0" cellpadding="20">
</center>

<tr>

<td valign="top" width="180">

<div class="sidebar">About;</div><br>
<center><img src="http://25.media.tumblr.com/84318c55e0da4600915a911622c6cf3f/tumblr_mgttis3aEC1r85bico2_500.jpg" width="200" height="140"></center><br>

<li>Hai, i'm alien. i want your brain. Replace this with ur own biodata</li>

</div>

<div class="sidebar">Shout here;</div><br>

Put your cbox code here ~
<br><br><br>

</div>

<div class="sidebar">Credit;</div><br>

<li>Skins: <a href="http://umihumairayusof.blogspot.com/">Mayra</a>
<li>Help: <a href="http://yukiko-damnikaa.blogspot.com/">Amiraa</a>


</div>

<td id="main" valign="top" style="width:526px; padding-left:13px; border-left:1px solid #eee; padding-right:13px; ">

<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>


</p>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger>
<div style="float:left;"><a class="newer" href=>NEWER </a></NewerPosts></div><div style="float:right"><a class="older" href=<$OlderPosts$>>OLDER </a>
</div>
</td>

<td id="o" style="display: none;">

<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</br>


<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger>
<div style="float:left;"><a class="newer" href=>NEWER</a></NewerPosts></div><div style="float:right"><a class="older" href=<$OlderPosts$>>OLDER</a> </div></div>
</div>
</div>
</td>

<td id="k" style="display: none;">

<div class="pocetit">Le' Owner!</div><br>
<center>
<center><img src="http://24.media.tumblr.com/f0b2ba3817a9590c4113f336ebb3f125/tumblr_mgttis3aEC1r85bico1_500.jpg" width="450" height="300"></center><br>

Put your BIODATA here :) !

<br><br>

</td>

<td id="p" style="display: none;">

<div class="pocetit">Linkies</div><br>

<center>
<input type="text" size="11" value="Name" style="width:180px;font:11px trebuchet ms;color:#666;border:1px  solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="URL BLOG" style="width:180px;font:11px trebuchet ms;color:#666;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>

<center>
<a class="navi" href="http://umihumairayusof.blogspot.com/">Mayra</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
</center>


</div>
</td>

<td id="s" style="display: none;">

<div class="pocetit">Tutorial</div><br>

<center><img src="http://25.media.tumblr.com/25f24e8e458095c7fce2ad19857f280c/tumblr_mgtm5iM3xB1s3en0so1_500.jpg" width="450" height="300"></center><br>
Put anything you want okay ^^

</td>

<td id="u" style="display: none;">

<div class="pocetit">Tralala</div><br>

<center><img src="http://25.media.tumblr.com/3be154c4296b1e9d9e595b5c6788720b/tumblr_mgtm5iM3xB1s3en0so2_500.jpg" width="450" height="300"></center><br>
Put anything you want ^^


<br><br/>
</table>
<div class="mayra"></div>
</body>
</html>