Holla!
This is my page code!

<html>
<head>
<title>Kawaii Anime</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m4i900uimA1qdlkyg.gif">
<link href='http://fonts.googleapis.com/css?family=Unkempt|Unica+One|Sacramento|Comfortaa|Delius' rel='stylesheet' type='text/css'>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png);
background-attachment:fixed;
font-family: delius;
font-size: 13px;
}
a:link, a:visited {
color:Pink;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
-webkit-transition-duration: 0.5s;
color: Red;
}
.mainblog {
background:#ffffff;
color:#FFACEC;
padding:14px;
width:720px;
border-radius:10px;
text-align:justify;
font-size:13px;
}
.sidebarblog {
background: #ffffff;
color: pINK;
padding: 8px;
width: 240px;
font-family: 'Delius', cursive;
font-size:13px;
border-radius: 10px;
text-align: justify;
border:1px solid #E0B0FF;
}
.title {
color:#E0B0FF;
font-size:25px; font-family: unkempt;
padding:5px;
border-bottom:1px solid #E0B0FF;
}
.happy {
font-size:10px;
margin-bottom:2em;
width:600px;
text-align:center;
border:1px solid #E0B0FF;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}
li { list-style-image:url(http://media.tumblr.com/6ab445ffd31e7cb3604560656c25d530/tumblr_inline_mg12o02xfv1qdlkyg.gif);
}
li:hover {
list-style-image:
url(http://media.tumblr.com/0654a72b6d9e5de1b62658484c7a7be9/tumblr_inline_mgpcrj9u1K1qdlkyg.gif);
}
::-moz-selection {background:pink;color:#FFFFFF;}
::selection {background:#E0B0FF;color:#FFFFFF;}
blockquote{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhorGkAVjt0tbhkfUY750YL4VegzIvuaYfQJjO0lSr62EzKJ98OgmWjMqB1pJ9mldEP-49HMM8U84oZVVEDWM6DZK0arG5jPvRzNG-MMWogXcypbWZIkBqR4gm2J0qERueZYG9vqsm86pP8/s1600/grey.png ); padding:10px; border-radius:10px; border-left:10px solid #CCC4FB; border-right:10px solid #CCC4FB; border-top:2px solid #DED9FC; border-bottom:2px solid #DED9FC; color:#808080; -webkit-transition: 1.0s; -moz-transition: 1.0s; font-family:calibri } blockquote:hover{ border-radius:20px; -webkit-transition: 1.0s; -moz-transition: 1.0s; -webkit-box-shadow: 0px 0px 8px #B0AAFF; -moz-box-shadow: 0px 0px 8px #B0AAFF; box-shadow: 0px 0px 8px #B0AAFF; }
#oly {background:PINK;
border:1px dashed #FFF;
color:#fff;
padding:7px;
width:130px;
display: inline-block;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
border-radius:5px;
text-align:center;
}
#oly:hover #lol {
opacity:3;
-webkit-transition-duration:.7s;
overflow:hidden;
z-index:966666666666666666666666666666666666666669;
height:auto;
}

#lol {
font-family: calibri;
font-size: 12px;
margin-top:1px;
margin-left: -7px;
position:absolute;
overflow:hidden;
line-height: 20px;
padding: px;
opacity:0;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
width:150px;
}
#lol a{
background:#E0B0FF;
color: #fff;
border:1px dashed #fff;
width:144px;
text-align:center;
display:block;
line-height: 20px;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

#lol a:hover{
color:#E0B0FF;
background: #fff;
border:1px dashed #E0B0FF;
opacity:100; transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
::-webkit-scrollbar {
width:19px;
height:8px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FFACEC;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-wmOxpnYIpjO5WKAxsL4eflexMFrfSQGEyy0vD36ulAfAMeJvf8KHyfA7P9r3HHEEDFxrSIbWyW0dHyF-F-Gew7iGmRwVu9WY75NTY75vGPblZ67GarQjjY_9-eDr_vDLpyO9V0xN2I/s1600/sparkles.png);    
border: 1px solid #FFFFFF;
}

a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:70px;
text-decoration:none;
font-family:delius;
font-size:10px;
text-transform:uppercase;
color: #808080;
background: mistyrose;
border:2px dashed pink;
text-align:center;
cursor:url(http://media.tumblr.com/tumblr_lpyq1pzk3L1qcn2vb.gif),auto;
}
a.navi:hover{
-moz-box-shadow:inset -100px 0px -200px -0.5px Mistyrose;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px Pink;
color: #fff;
border-bottom:1px;
}
a.kyungsoo {
font-size: 12px;
font-family: delius;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background:#FFACEC;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.kyungsoo:hover          {
display:inline-block;
text-align:center;
width: 70px;
color: #E0B0FF;
background:#fff;
border:1px dashed #E0B0FF;
-webkit-transition-duration:1200ms;
}
.h1 {
padding:2px;
text-transform:uppercase;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-bottom:5px;
margin:10px;
font-family: 'Delius', sans-serif;
font-size:12px;
border:1px dashed #FFACEC;
line-height:18px;
text-align:center;
}
</style>
<div id="oly">
My Site
<div id="lol">
<a href="URFBURL">Facebook</a>
<a href="URTWITURL">Twitter</a>
<a href="URLTUMBLR">Tumblr</a>
<a style="border-radius: 0px 0px 10px 10px;" href="URINSTGRAMURL">Instagram</a>
</div>
</div>

<center>
<img src="https://31.media.tumblr.com/86c9d14df5d64363575f8808253e7fe1/tumblr_mxcwh1ZLHG1rshjbio2_250.gif" width="150" height="140"style="-webkit-border-radius: 40%; -webkit-border-top-left-radius: 0; -moz-border-radius: 50%; -moz-border-radius-topleft: 0; border-radius: 50%; border-top-left-radius: 50%;border:10px solid #fff;" />
<div style="font-family:Sacramento; font-size:50pt;color:pINK; letter-spacing:4px;">
Kawaii Anime ♥</div><br>
<div style="font-family:delius; font-size:20pt;color:#808080; letter-spacing:2px;">
Purple symbolizes a person's self confidence and the miracle of life.</div
</center><br>
<center>
<div style="display:inline-block;width:900px;padding:10px;border-radius:8px 10px 10px 10px;border:2px solid pINK;background: url(http://25.media.tumblr.com/9e42867bbe3d5a23e9ce35bfde172ffa/tumblr_mt67noIbPl1ru3nbdo9_r1_250.png);">

<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">HOME</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML" title="My Profile">OWNER</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML" title="My FRIEND">BESTIES URL</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML" title="My Tutobies">STUFFS</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" title="lets follow me!">FOLLOW</a>
<a class="navi" href="http://www.blogger.com/home" title="back to dashboard">DBOARD</a>
<a class="navi" href="<$NewerPosts$>" title="See the newer">NEWER</a>
<a class="navi" href="<$OlderPosts$>" title="See the older">OLDER</a>
</div></div></div></center>
<table style="border-radius:0px 0px 0px 0px;line-height: 17px; padding-left:0px; padding-right:0px; padding-bottom:18px; padding-top:20px; background:none; border:0px solid #E0B0FF;" width="960" border="0" align="center" cellspacing="15"-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
box-shadow: 0 1px 5px rgba(191,191,191,0.88); >
<tbody><tr>
<td valign="top" style="padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;width:950px; border:1px solid #E0B0FF; background:white; font-size:11px;border-radius:10px;"><div id="blog">
<div class="mainblog">
<blogger><div class="title"><img src="http://media.tumblr.com/601f44b652fb6cd7dd7ccb1861d20232/tumblr_inline_mfnhpsABJw1qdlkyg.gif"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="happy"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</div>
</div>
</td>

<body><br>

<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title"><img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif"> Writter</div><center><br>
Hello! Welcome to my blog!<br> (replace by your own word)</div>

<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #E0B0FF;border-right:20px solid #E0B0FF;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebarblog">
<div class="title"><img src="http://media.tumblr.com/tumblr_m3wiadNxgw1qdlkyg.gif"> Tagboard's!</div><center><br>

Put your cbox code</div>


<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #E0B0FF;border-right:20px solid #E0B0FF;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebarblog">
<div class="title"><img src="http://media.tumblr.com/tumblr_m3wia5jDlM1qdlkyg.gif"> Post</div><center><br><center>

<form action="/search" id="searchThis" method="get" style="display: inline;">
<div style="text-align: center;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #ffffff; border-radius: 5px; border: #E0B0FF dashed 1px; color: #bfbbbd; font-size: 11px; padding: 4px; width: 150px;" type="text" value="Search?" vinput="" /> <input id="searchButton" style="background: #E0B0FF; border-radius: 5px; border: E0B0FF solid 1px; color: white; font-size: 11px; padding: 4px;" type="submit" value="Go!" /></form><br><br>

<div style="border:1px dashed #E0B0FF;background:url(http://i.imgur.com/DY1kqzg.png); width:200px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div></div></center></div>


<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #E0B0FF;border-right:20px solid #E0B0FF;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebarblog">
<div class="title"><img src="http://media.tumblr.com/tumblr_m4i900uimA1qdlkyg.gif"> Credit</div><br><center>
Designers by <a href="http://alneira-firja.blogspot.com/">Neira</a><br>
Favicons and Icon by <a href="http://nafaraisya.blogspot.com/">Zahra</a><br>
Anime Gif by <a href="http://google.com">M</a>
<a href="http://gifanime.tumblr.com/">E</a>
<br>
</table>
<div id="profile" style="display:none;">
<div class="mainblog">
<div class="title"><img src="http://media.tumblr.com/tumblr_m2ruqmmAAr1qdlkyg.gif"> About Me <img src="http://media.tumblr.com/tumblr_m2ruqmmAAr1qdlkyg.gif"></div>
<div class="happy">This is The Owner.</div>
<center><img src="http://data.whicdn.com/images/24736230/tumblr_lym8jfabpv1r3e2vfo1_500_large.gif"></center><br>

<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<b>Name :</b> Alneira Firja Azaria<br />
<b>Nickname :</b> Neira, Alnei, or Alneira<br />
<b>Japan Name :</b> Shizu Michii Ikawa<br />

<br />
<b>Born in the date of :</b>Mojokerto, 9th October 2004<br />
<b>Place of birth :</b>Mojokerto<br />
<b>Stay :</b> What what what what<br />
<b>Hometown :</b>Madiun<br />
<br />
<b>Hobby :</b>Blogging and Reading<br />
<b>Ambition :</b> Become Doctor</b> <br />
<br />
<b>Love / Favorites:</b>My Mom and my Dad<br />
<b>Hate / Antis :</b>Plagiattor, Ripper, Slow Internet Connection!<br />
<br /><br />
</div>

<div id="link" style="display:none;">
<div class="mainblog">
<div class="title"><img src="http://media.tumblr.com/tumblr_m3wia5jDlM1qdlkyg.gif"> Linkies! <img src="http://media.tumblr.com/tumblr_m7ei8yvJuU1qdlkyg.gif"></div>
<div class="happy">Visit My friends</div>
<style type="text/css">

a.link2 {
background:pink;
border:2px dashed MistyRose;
display:inline-block;
padding:2px;
width:70px;
margin:2px;
color:#666;
font-family: delius;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
box-shadow:inset 0px 0px 0px #E0B0FF,inset 0px 0px 0px #E0B0FF;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

a.link2:hover  {
padding:2px;
width:70px;
margin:2px;
color: Mistyrose;
display:inline-block;
box-shadow:inset 0px 14px 0px #E0B0FF,inset 0px -14px 0px #E0B0FF;
}

#s-m-t-tooltip {
background: url(http://i.imgur.com/ckuFZ.png);
font-size: 15px;
line-height: 11px;
font-family: Delius;
letter-spacing: 2px;
text-transform: lowercase;
color: #FFACEC;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
}
</style>
<body>
<center>
<img src="http://25.media.tumblr.com/tumblr_m8nuh0b97C1r2mfiro1_500.gif"><br><br>
<center><table cellpadding="2" cellspacing="2" width="180">
<tr>
<td><input type="text" size="11" value="Neira" style="width:170px;color:#000;border:1px solid #E0B0FF;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>

<td><input type="text" size="11" value="http://alneira-firja.blogspot.com/" style="width:170px;color:#000;border:1px solid #E0B0FF;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"><tr>
</table></center>
<br>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>
<a class="link2" href="http://alneira-firja.blogspot.com/">Who</a>

</div>
</div>
<div id="stuff" style="display:none;">
<div class="mainblog">
<div class="title"><img src="http://media.tumblr.com/tumblr_m2rupr5dJ81qdlkyg.gif"> STUFFIES <img src="http://media.tumblr.com/tumblr_m2rupr5dJ81qdlkyg.gif"></div>
<div class="happy">The tutorial and the freebies.</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<li>Jangan repost tanpa izin!</li>
<li>Repos? sertakan full credit! (LINK and namaku)</li>
<li>Jangan mengambil gambar apapun kecuali lewat FREEBIES!</li>
<li>CTRL+C untuk copy text.</li>
<li>Agree untuk ke list tutobies, dan disagree untuk ke HOME</li></div><div style="text-align: center;">
<center><a class="kyungsoo" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuffs').innerHTML">Agree</a> or <a class="kyungsoo" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">Disagree</a></center><br><div id="stuffs" style="display: none;">
<center><img src="http://25.media.tumblr.com/tumblr_m5j0iikp571qiqy8mo1_500.gif"><br><br>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="h1">TUTORIAL </div>
<li><a href="http://alneira-firja.blogspot.com/"> Tutorial</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Tutorial</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Tutorial</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Tutorial</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Tutorial</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Tutorial</a></li>
<br>

<div class="h1">FREEBIES </div>
<li><a href="http://alneira-firja.blogspot.com/"> Freebies</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Freebies</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Freebies</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Freebies</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Freebies</a></li>
<li><a href="http://alneira-firja.blogspot.com/"> Freebies</a></li>
<br><br><br>
</div>

<div id="entry" style="display:none;">
<div class="mainblog">
<blogger><div class="title"><img src="http://media.tumblr.com/601f44b652fb6cd7dd7ccb1861d20232/tumblr_inline_mfnhpsABJw1qdlkyg.gif"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="happy"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Anime's</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table></html>
</body></head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>
</html>