CODES;

<html>
<head><base target='_blank'/>
<link href='http://media.tumblr.com/tumblr_loyz94ycqU1qepbs7.gif' rel='icon' type='image/x-icon'/>
<link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'></link>

<title>Yoohoo</title>
<style type="text/css">

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

@font-face {
font-family: 'luna';
src:url(http://static.tumblr.com/dep4vzc/o5Gml5omw/lunakroniklight.ttf);
}

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgjFGDsCEcQSCtAY__m2QsX4hcQ1G-zvdm5rIXCKOmWCMpyNVei9Cm4JgR0WUdY79Cag40WYbB2LC0x5oad6xRGvbSwhPaiQgZqVouRllRtv_cs6VErHBy3OPJFdGmX6IeO3PurylFRTeD/s1600/obkp8.png) fixed;
cursor:url(http://i1358.photobucket.com/albums/q778/miezzashuhada/cursormustache2_zps8825499a.png);
font-family: 'Pontano Sans';
font-size: 12px;
letter-spacing: 1px;
color:#555;
}

a{text-decoration:none ;
color:#BDA291 ;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }

a:hover{color:#fff ;
cursor:url(http://i1358.photobucket.com/albums/q778/miezzashuhada/cursormustache2_zpsd485c7a7.png);
background:url(http://24.media.tumblr.com/tumblr_maew3uwgjs1rxay1wo1_500.png);
background-position:50% 80%;background-size:400px;}

u{
text-decoration:none;
border-bottom:2px solid #e5dada;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

u:hover{
border-bottom:2px solid #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

b:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
}

::-webkit-scrollbar-thumb{
background:#F2E6DE;
border-radius:10px;
}

::-webkit-scrollbar {
width:6px;
height:auto;
background:#ffffff;
}

div.thingi{
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif) ;
color:#555;
background-repeat:no-repeat;
background-size:15px;
padding-left:25px;
line-height:18px;
}

div.thingi:hover{
background:url(http://media.tumblr.com/tumblr_m89lqpqCgU1qdlkyg.gif);
background-repeat:no-repeat;
padding-left:25px;
background-size:15px;
line-height:18px;
color:#666;
}

.raejun{
width:106px;
padding:4px;
margin:2px;
background:#eee;
font:8px tt;
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;
display:inline-block;
-webkit-transition:All 0.5s ease !important;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-right:20px solid #aaa;
}

.raejun:hover{
width:126px;
background:#aaa;
color:#fff;
border-right:0px solid #aaa;
}

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

.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_m89rmpKOEf1qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
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;
}

.h1 {
text-transform:lowercase;
background:url(http://i.imgur.com/BCwCX.png);
color:#bbb;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
font-size:12px;
line-height:20px;
text-align:right;
padding-right:0px;
border:1px solid #FFEEEE;
}

a.oldernewer{
color:#fff;
background:url(http://24.media.tumblr.com/tumblr_lq9ex6tryK1qd0axvo1_500.jpg);
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:80px;
margin:2px;
text-align:center;margin-bottom:15px;
}

#main img{max-width:800px; border:1px solid #ddd; padding:3px;}

blockquote{
padding:10px;
display:block;
font:11px arial;
color:#ccc;
letter-spacing:1px;
border-radius:10px;
border:2px solid #FFE2E2;
-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;
background-position:0% 0%;
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-size:0px;
}

blockquote:hover{
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-position:100% 100%;
background-size:80px;
color:#777;
}

h3{
background:#eee;
font-family:luna;
font-size:30px;
letter-spacing:4px;
text-align:center;
padding:5px;
width:270px;
margin-bottom:5px;
color:#fff;
}

h4{
background:#FFF2F2;
font-family:luna;
font-size:30px;
letter-spacing:4px;
text-align:center;
padding:5px;
width:270px;
margin-bottom:5px;
color:#fff;
margin-top:10px;
}

#main{
text-align:left;}

.title{
font-size:20px;
color:#aaa;
background:url(http://media.tumblr.com/tumblr_m4tsaaJT2i1qdlkyg.gif);
background-repeat:no-repeat;
padding-left:30px;
}

</style>
</head>
<body>
<center>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZQ44RUkPrOJJnZdcFLY87kR3bYYFzvdQ3QgmxinyGDkpt_I1gsh3S6OojLsdcCBaSXpcZ84guhcbClj4llkFEKoqZ9Hgue2siNJSoNxkEb5XrSvPhpIS8P2hZQVm6mZhrtaTnd6Tzsk/s1600/Polkadotbackground.gif); box-shadow:0px 0px 3px #ccc;width:845px;margin-bottom:5px;margin-top:20px;">
<table style="margin-bottom:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZQ44RUkPrOJJnZdcFLY87kR3bYYFzvdQ3QgmxinyGDkpt_I1gsh3S6OojLsdcCBaSXpcZ84guhcbClj4llkFEKoqZ9Hgue2siNJSoNxkEb5XrSvPhpIS8P2hZQVm6mZhrtaTnd6Tzsk/s1600/Polkadotbackground.gif); " width="843" align="center" border="0" cellspacing="8">
<tbody><tr><td valign="top" style="line-height:15px;text-align:center; font-size:11px; width:480px;color:#808080; padding:10px;">
<img src="http://24.media.tumblr.com/tumblr_ltso4lcCAN1qg9epqo1_500.jpg" style="margin-bottom:10px;">
Hai. For every two minutes of glamour, there are eight hours of hard work. The progress of rivers to the ocean is not so rapid as that of man to error.
Intro here </td>

<td valign="top" style="line-height:15px; font-size:11px; width:220px;color:#808080; text-align:left;padding:10px;">
<h3>Yoohoo</h3>
<div style=" width:260px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="thingi"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div>

<center>
<h4>navigate</h4>
<div style="border:1px dashed #ccc; padding:5px;width:100px;border-radius:50%;margin-bottom:5px;margin-top:15px;"><img src="http://i.imgur.com/x2Y3Vmi.png" style="width:100px;border-radius:50%;"></div>

<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML">about & cbox</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('tutorials').innerHTML">tutorials</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('blogskins').innerHTML">blogskins</a>
<a class="raejun" href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>">Follow</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('entry').innerHTML" >Entry</a>
<a class="raejun" href="LINK">twitter</a>
<a class="raejun" href="LINK">ask.fm</a>
<a class="raejun" href="LINK">tumblr</a>

</td></tr></tbody></table>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZQ44RUkPrOJJnZdcFLY87kR3bYYFzvdQ3QgmxinyGDkpt_I1gsh3S6OojLsdcCBaSXpcZ84guhcbClj4llkFEKoqZ9Hgue2siNJSoNxkEb5XrSvPhpIS8P2hZQVm6mZhrtaTnd6Tzsk/s1600/Polkadotbackground.gif);padding:10px; width:824px; box-shadow: 0.;2em 0.5em 0.1em #600,-0.3em 0.1em 0.1em #060,0.4em -0.3em 0.1em #006margin-bottom:20px;">

<h4 style="width:820px;margin-bottom:10px;line-height:18px;">You are the brightest shine i've been waiting for.</h4>

<div id="main"> <Blogger>

<a class="title" href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a><br/>

<BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> | Written by Wana | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled><br/><br/>

<$BlogItemBody$><$BlogItemControl$>

<br/><br/>

<div style="float:left;"><a class="oldernewer" href=<$NewerPosts$>>NEWER POST</a></NewerPosts></div><div style="float:right"><OlderPosts><a class="oldernewer" href=<$OlderPosts$>>OLDER POST</a> </OlderPosts></div><div style="clear:both;"></div>
<ItemPage>
<div id="comments" style="margin-top:5px;">
<BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block"><div style="width:800px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://pastelpatterns.com/small/smallpattern-9.png); 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></div>

<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage></Blogger>
</div></div></div><br/><br/><span style="color:#888;">Full tempate by <a href="http://wanaseoby.blogspot.com/">wanaseoby</a> | cursor by <a href="http://amijacuwada.blogspot.com/">The Lukee</a></span> <br/><br/><br/>

</div></div>

<div id="about" style="display:none;">
<div class="title">About me</div>

Jeon Hyosung (Korean:전효성, Hanja: 全烋星,born October 13, 1989) often simply known as Hyosung, is a South Korean idol singer and dancer. She is best known as the leader of a popular South Korean girl group, Secret.In 2005, she became a finalist on Mnet's "Battle Shinhwa" which led to her signing a recording contract with Good Entertainment. In 2007, she was set to debut in the group 'Five Girls' along with G.NA, Wonder Girls's Yubin, After School's UEE and a former T-ara member and current Spica member Yang Jiwon. Unfortunately, the group disbanded before they were able debut due to the company's financial problems. She was later discovered by TS Entertainment through a show that was aired on SBS MTV, called "Diary of Five Girls" and spent two years in the company as a trainee. In 2009, she debuted in a four member girl group called Secret along with Song Jieun, Han Sunhwa and Jung Hana.

<h4 style="line-height:28px;text-align:center;padding:0px; margin-top:15px;width:820px;">Thanks for visiting </h4>
your cbox codes here.

</div>

<div id="tutorials" style="display:none;">
<div class="title">Tutorials</div>
Your tutorial list here ~

</div>

<div id="blogskins" style="display:none;">
<div class="title">Blogskins</div>
Blogskin list here ~ or replace this section with anything else :3

</div>

<div id="entry" style="display:none;"><Blogger>

<a class="title" href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a><br/>

<BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> | Written by Wana | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled><br/><br/>

<$BlogItemBody$><$BlogItemControl$>

<br/><br/>

<div style="float:left;"><a class="oldernewer" href=<$NewerPosts$>>NEWER POST</a></NewerPosts></div><div style="float:right"><OlderPosts><a class="oldernewer" href=<$OlderPosts$>>OLDER POST</a> </OlderPosts></div><div style="clear:both;"></div>
<ItemPage>
<div id="comments" style="margin-top:5px;">
<BlogItemCommentsEnabled><a name="comments"></a>
<dl id="comments-block"><div style="width:800px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://pastelpatterns.com/small/smallpattern-9.png); 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></div>

<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage></Blogger>
</div></div></div>

</body>
</html>