CODES;

<HTML><head><link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>

<base target='_blank'/><link href='http://media.tumblr.com/tumblr_lnvuymWlY41qepbs7.gif' rel='shortcut icon' type='image/x-icon'/><link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'><title>GEE !</title><style type="text/css">

#navbar-iframe {
display: none;
}

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi859QyWbIE7N35xfpuEm9G59aKunFc2frbgLtrXqmVuZ71N0CM17CNX_3M6uJr3ZBe-U25Auklo2PAWkHYM_esOmT2thdf-kJDrh5V54qiUDi_WvxveTFXxeqFDr_sTMIbqM_BEPsllUc/s1600/wana.png);font-size:12px;font-family:calibri;
color:#808080;
}

::-webkit-scrollbar {
width: 7px;
height: 7px;
background:#F6F6F6;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #E8E8E8;
}

a:link,a:visited {
color:#AAAAAA;
cursor:url(http://cur.cursors-4u.net/food/foo-5/foo421.cur), url(http://cur.cursors-4u.net/food/foo-5/foo421.cur), auto;
text-decoration:none;
padding:2px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}

a:hover {
text-shadow: 1px 1px 2px #dadada;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding:2px;

}

u {
text-decoration:none;
border-bottom:1px solid #dadada;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
margin-bottom:20px;
}

u:hover {
margin:0px 0px0px 0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#fff;
border-bottom:1px solid #dadada;
}

b {
color:#A4A4A4;
text-decoration:none;

}

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

i {
color:#F778A1;
text-decoration:none;
background:#FDEEF4;
padding:2px;
border-radius:5px;
}

i:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding: -3px;
background:#FAF8CC;
}
.post-title {
color:#B5B5B5;
background:#F9F9F9;
text-shadow: 1px 1px 2px #DFDFDF;
padding:2px;
font-size:160%;
font-family: 'Handlee', cursive;
text-align:center;
}

blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2zG59sRjlglr_sVRkiYkR0ltguCsfXF6NSIf62sm1GeUT9PixK8KpKsiaH0D_7_zph2_qvDyJybmEV79Jk7evIMxGpc4Vo_pG4pu9dlEzCO3ufKpycc9gM-DRPLtsTYzZE8vxqym6M9d/s1600/pinkpink.gif); padding:8px;
border-radius:5px; border:1px dashed #ffd3d1;
-webkit-transition-duration:0.5s;
}

blockquote:hover{
-webkit-transition-duration:0.5s;
padding:8px;
border-radius:2px;

}

#comments {
margin:15px 13px 0;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}

#comments-block {
margin:0 15px 0 9px;

}
.comment-data {
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
color:#666;
}
.comment-poster {

}
.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p { border:1px dashed #ffb9d0;
margin:0 0 .5em;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2zG59sRjlglr_sVRkiYkR0ltguCsfXF6NSIf62sm1GeUT9PixK8KpKsiaH0D_7_zph2_qvDyJybmEV79Jk7evIMxGpc4Vo_pG4pu9dlEzCO3ufKpycc9gM-DRPLtsTYzZE8vxqym6M9d/s1600/pinkpink.gif);
padding:5px;color:#808080;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#fff;
}
.comment-timestamp a:link {
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.paging-control-container {
float: right;
margin: 0px 6px 0px 0px;
font-size: 80%;
}
.unneeded-paging-control {
visibility: hidden;
}

a.navi3 {font-size: 11px;
color:#000;
border:1px solid #C9C9C9;
padding: 3px;
width:80px;
display:inline-block;
background:#DFE0DF;margin:1px;

text-align: center;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

.navi3 {
font-size: 11px;
color:#000;opacity:0.4;
border:1px solid #C9C9C9;
padding: 3px;
width:80px;
display:inline-block;
background:#DFE0DF;margin:1px;

text-align: center;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

.navi3:hover{
background: #fff;
color: #907CF4;

font-size: 11px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding: 3px;
}

.footer {
background:#F9F9F9;
font-size:100%;
color:#fff;
}
::-moz-selection {
background:#EBEBEB;

}

::selection {
background:#EBEBEB;
}
.footer a{
color:#D1D1D1;
text-align:right;
}
img{
opacity: .70; -webkit-transition: 4.4s;
-moz-transition: 4.4s;}

img:hover{
-webkit-transition: 4.4s;
-moz-transition: 4.4s;
opacity: 5.100; }

#shbx {
position:absolute;
top: 102px;
border-radius:10px;
left:200px;

width:104px;
padding:3px;
opacity:0;
height:104px;
-webkit-transition:0.4s;
-moz-transition: 0.4s;}

#shbx:hover {
-webkit-transition:0.4s;
-moz-transition: 0.4s;
position:absolute;
top:102px;
border-radius:10px;
left:100px;opacity:10;
width:202px;
padding:3px;
height:100px;
}

#shbx1 {
position:absolute;
top: 222px;
border-radius:10px;
left:202px;

width:104px;
padding:3px;
opacity:0;
height:104px;
-webkit-transition:0.4s;
-moz-transition: 0.4s;}

#shbx1:hover {
-webkit-transition:0.4s;
-moz-transition: 0.4s;
position:absolute;
top:220px;
border-radius:10px;
left:100px;opacity:10;
width:202px;
padding:3px;
height:100px;
}

#shbx2 {
position:absolute;
top: 332px;
border-radius:10px;
left:132px;
width:204px;
padding:3px;
opacity:0;
height:204px;
-webkit-transition:0.4s;
-moz-transition: 0.4s;}

#shbx2:hover {
-webkit-transition:0.4s;
-moz-transition: 0.4s;
position:absolute;
top:340px;
border-radius:10px;
left:132px;opacity:10;
width:204px;
padding:3px;
height:100px;
}

</style><div style="position:fixed; top:0px; right:4px;border-radius: 10px;background:#fff; padding-left:15px; padding-right:15px;"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOGIDHERE" ">follow</a></div>


<div style=" position:fixed; left:220px; top:0px; padding:2px; opacity:0.2;background:#CCCCCC; height:1000px; display:block; width:30px" /></div>
</div>

<div style=" position:absolute; left:200px; top:100px;">
<img border="0" src="http://i1119.photobucket.com/albums/k623/zackthepuppyicons/GroupIcon-8.png" style="border:1px solid #D1D1D1; padding:2px; background:#fff;" width="70" /></div>

<img src="http://i1119.photobucket.com/albums/k623/zackthepuppyicons/SeohyunIcon-3-1.png" style="border:1px solid #D1D1D1; padding:2px; background:#fff; position:absolute; left:200px; top:220px;" width="70" />

<img src="http://i1119.photobucket.com/albums/k623/zackthepuppyicons/TaeyeonIcon-46.png" style="border:1px solid #D1D1D1; padding:2px; background:#fff; position:absolute; left:200px; top:340px;" width="70" />

<div id="shbx" style="foat:left;padding:3px; ">
<a class="navi3" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">MINE</a> <br/>
<a class="navi3" onClick="document.getElementById('main').innerHTML=document.getElementById('post').innerHTML" title="">POST</a></A> <br/>
<a class="navi3" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML" title="">TUTO</a></a> <br/>
<a class="navi3" onClick="document.getElementById('main').innerHTML=document.getElementById('here').innerHTML" title="">LINKS</a></div></div>

<div id="shbx1" style="float:left;padding:3px; ">
<a class="navi3" href="YOURTUMBLRLINK" title="">TUMBLR</a><br/>
<a class="navi3" href="YOURTWITTERLINK" title="">TWITTER</a><br/>
<a class="navi3" href="YOUR FB LINK" title="">FACEBOOK</a><br/>
<a class="navi3" href="FF LINK" title="">FANFICTION</a><br/></div></div>

<div id="shbx2" style="padding:3px; "><br/><br/><br/><br/><br/><br/>
<div style="background:#fff; opacity:0.7;border:1px dashed #E5E5E5; padding:5px;border-radius:5px;">
YOUR CBOX CODES HERE
</div></div>



<div style="padding:10px; position:absolute; left:370px; top:100px; width:635px; height:400px;background:#fff;border:1px dashed #E2E2E2;">
<div style="padding:10px; float:left; width:620px; overflow-x: hidden; overflow-y: scroll;height:380px;background:#fff;">

<div id="main"><blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>

</div>
<div style="text-align:right;"><div class="footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled>
</div></div>

<ItemPage>
<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>

<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments><br/><br/><br/>
<$CommentPager$>
</dl>

<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>

</div>

</ItemPage>



</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>
</Blogger>


<div id="about" style="display: none;">
<div class="post-title"> Only Me</div><br>

<img src="http://i1119.photobucket.com/albums/k623/zackthepuppyicons/GroupIcon-1.png" style="margin:5px;float:left;border:1px solid #D1D1D1; padding:2px; background:#fff; " width="70" />Your self intro here. make it long ._. jeone aldeon naega anya brand new style
saerowojin nawa hamkke one more round
dance dance dance till we run this town
oppa oppa i'll be i'll be down down down down
jeone aldeon naega anya brand new style
saerowojin nawa hamkke one more round
dance dance dance till we run this townoppa oppa i'll be i'll be down down down downjeone aldeon naega anya brand new stylesaerowojin nawa hamkke one more rounddance dance dance till we run this townoppa oppa i'll be i'll be down down down down
<center></center>

<p class="footer">
.
</div></div>

</p>


<div id="post" style="display: none;">
<blogger>
<div class="post-title"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>

</div>
<div style="text-align:right;"><div class="footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love(s)</a></BlogItemCommentsEnabled>
</div></div>

<ItemPage>
<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>

<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments><br/><br/><br/>
<$CommentPager$>
</dl>

<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<br/><br/>

</div>

</ItemPage>



</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>
</Blogger>


<div id="stuff" style="display: none;">
<div class="post-title"> Stuff</div><br>

Anything here ^^

<p class="footer">.
</p>

</div>



<div id="here" style="display: none;">
<div class="post-title"> They're my heartbeat</div><br><center>

<div style="text-align: left;">
<center>
<style type="text/css">
a.navi {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrQVfJBuCSJ7xnLrTfIqKb0DBZv2CqyHXwrvwv7m38h8rfuAFZrMtPHyownBnUev93UTPOyDfgayMyzOApL7DPO6RTJyeydrvjfT8JQbMghYZsClioyWBmDNHwexBFrrYWmN76KA0PY4dk/s1600/111.png);
border:1px solid #FFDDDD;
padding: 3px;display:inline-block;
width:80px;
color:#888888;
margin: 2px;
-webkit-transition: 0.4s;}

</style>

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

<br/><br/>

<div class="post-title">Credits</div><br/>
Skin by: <a href="http://wanaseoby.blogspot.com/">Wana</a><br/>
Icons from: <a href="http://zackthepuppy.livejournal.com/">here</a><br/>

<p class="footer">
.
</p>
</div>

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