©

CODES

<html>
<head>
<link rel="shortcut icon" href="http://24.media.tumblr.com/5c3416870db9e7b9409f3160c2fa1109/tumblr_n3a9rj5fet1reoqk3o2_500.gif" />

</script>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
<title>skyscraper</title>

</head>
<$BlogMetaData$>
<style type="text/css">

#navbar-iframe { display: none; }

body {
background:url(http://2.bp.blogspot.com/-Z7FxV6iG6Nw/T6yIkQWYQyI/AAAAAAAAGa4/-bvhqfIZg78/s1600/blue.png);
color: #888888;
line-height: 15px;
text-align: justify;
cursor: url(http://4.bp.blogspot.com/-AzRV8LZTDow/ThbqfMm0u2I/AAAAAAAABYo/QSq-vbmUatU/s1600/bunniez.png),progress;}

table {
background:url(http://2.bp.blogspot.com/-Z7FxV6iG6Nw/T6yIkQWYQyI/AAAAAAAAGa4/-bvhqfIZg78/s1600/blue.png);
font-family:arial;
font-size:12px;
color: #555;
line-height:20px;
padding:5px;
border:1px solid #transparent;
width:990px;
}

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

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

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 ;
background:url(http://24.media.tumblr.com/tumblr_m1f2u4jjAC1qbc0uoo1_500.jpg);
background-position:50% 80%;
background-size:400px;
}


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

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

u {
text-decoration:none;border-bottom:
2px solid #eee;
moz-transition: 0.5s;-webkit-transition: 0.5s;}
u:hover, underline:hover {border-bottom: 8px solid transparent;
-moz-transition: 0.5s;-webkit-transition: 0.5s;}

i {
font-family:trebuchet ms;
color:#C65271;
-webkit-user-select:text;
-moz-user-select:text;
}

.post-footer{
background:#CED8F6;
opacity:0.2;
margin:0px 0px 2px;
padding:2px;
text-align:right;
}

a.post-footer{
color:#FF0C0C;
}

blockquote {
background:url(http://25.media.tumblr.com/672d0aaf70af7907243b394c5231c69a/tumblr_mzervoFOuI1ru3nbdo4_r2_250.png);
border:2px solid #f8f8f8;
margin-left:23px;width:85%;
padding:15px;
letter-spacing:1px;
font:10px consolas; color:#A4A4A4;
}

.h1 {
background:#CED8F6;
opacity:0.4;
color:#F90000;
margin:0px 0px 2px;
font-family:tt;
font-size:8px;
padding:2px;text-align:center;
}

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

a.jeonjin1{
display:inline-block;
background:url(https://31.media.tumblr.com/ef27242ff95eaa8b5fdee155a9d24772/tumblr_inline_n2pjcvLUIY1qdlkyg.gif) left center;
font:11px calibri, halvetica;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:220px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

a.jeonjin1:hover{
display:inline-block;
background:url(https://31.media.tumblr.com/6762a8d4272602e909a2bd16ddddba40/tumblr_inline_n2pi8iVN741qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:220px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

.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;
}

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

a.nae {
margin: 4px;
padding:5px;
width:100px;height:100px;
border:none;
-webkit-transition-duration: .25s;}

nae:hover {
opacity:0.8;}

img{
opacity:1;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
background:#fff;
max-width:520px;
border:1px solid #f8f8f8;padding:7px;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}

.blogger-labels {
text-align:right;
padding-right:3px;
border-top:1px solid #f8f8f8;
font-size:8pt;
margin-bottom:8px;
}

a.navi{
 display: inline-block;
    margin: 4px;
    width: 110px;
    text-align: center;
    font-family: tinytots;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 8px;
    padding: 5px;
    background-color: #f8f8f8;
    color: #555;
    box-shadow: 2px 2px 2px #eee;
    border-radius: 4px;
}

.navi:hover {
    background-color: #A4A4A4;
    color: #fff;
}

@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
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_m4tr6amNWH1qdlkyg.gif) ;
color:#555;font-size:8pt;letter-spacing:1px;
background-repeat:no-repeat;
background-size:13px;
padding-left:15px;
line-height:18px;
}

div.thingi:hover{
background:url(http://media.tumblr.com/tumblr_m4tr6amNWH1qdlkyg.gif);
background-repeat:no-repeat;
padding-left:25px;font-size:8pt;letter-spacing:1px;
background-size:13px;
line-height:18px;
color:#666;
}

a.navi2 {
background:#eee;
color:#fff;
width:212px;
text-decoration:none;
display:inline-block;

text-align:center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
font-family:calibri;
font-size: 10px;
}

a.navi2:hover{
color:#ccc;
}

img.bs{
border:1px solid #CED8F6;
background:url(http://i.imgur.com/vNmda6g.png);
padding:5px;transform:rotate(0deg);
margin:5px;width:107px;height:100px;
-webkit-transition:All 0.5s ease !important;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
img.bs:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}

li {
list-style-image:url(http://media.tumblr.com/tumblr_m89lq6m3mW1qdlkyg.gif);
}

@font-face{
font-family:masana;
src:url(http://static.tumblr.com/dep4vzc/Inomy7nn8/masanascript-1propia.otf);}

.sidebar {
background:transparent;
padding:10px;
border:1px solid #f8f8f8;border-top:none;
margin:0px 0px 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

.pocetit {
background:#eee;
opacity:0.2;
color:#A4A4A4;
margin:0px 0px 2px;
font-family: 'Handlee', cursive;
font-size:150%;
padding:2px;text-align:left;
}

.uh {
background:#CED8F6;
opacity:0.4;
color:#000;
margin:0px 0px 2px;
font-family:tt;
font-size:8px;
padding:2px;text-align:center;
}

a.loll{
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
background:#CED8F6;
margin:1px;
color:#fff;
font-family:tt;font-size:8px;
width:120px;
HEIGHT:15PX;
display:inline-block;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;

}


.loll:hover{
BACKGROUND:#FFF;
COLOR:#000;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
.boo {
background:#CED8F6;
opacity:0.4;
color:#000;
margin:0px 0px 2px;
font-family: 'Handlee', cursive;
font-size:150%;
padding:2px;text-align:center;
}
@font-face{
font-family:fly;
src:url(http://static.tumblr.com/dep4vzc/B9rmy7mca/lemons_can_fly.ttf);}

</style>
</br></br></br></br><center>

<img src="http://24.media.tumblr.com/636bd5e2385d757540287614165453fb/tumblr_mz7w1tBq6t1rbavh7o3_250.png" width="120" style="-webkit-border-radius: 50%; -webkit-border-top-left-radius: 0; -moz-border-radius: 50%; -moz-border-radius-topleft: 0; border-radius: 50%; border-top-left-radius: 0;" />

<img src="http://24.media.tumblr.com/315fa4f2eeb30cb89c9368a44a7f6904/tumblr_mz7w1tBq6t1rbavh7o5_250.png" width="120" style="-webkit-border-radius: 50%; -webkit-border-bottom-left-radius: 0;-moz-border-radius: 50%;-moz-border-radius-bottomleft: 0;border-radius: 50%; border-bottom-left-radius: 0;" />

<img src="http://31.media.tumblr.com/ceecde7b530a79b66a3d7079837271ba/tumblr_mz7w1tBq6t1rbavh7o4_250.png" width="120" style="-webkit-border-radius: 50%; -webkit-border-top-right-radius: 0; -moz-border-radius: 50%; -moz-border-radius-topright: 0; border-radius: 50%; border-top-right-radius: 0;" />

<img src="http://31.media.tumblr.com/31a4f069b1b297ca0313bd6ad3a15cbb/tumblr_mz7w1tBq6t1rbavh7o6_250.png" width="120" style="-webkit-border-radius: 50%; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 50%; -moz-border-radius-bottomright: 0;border-radius: 50%; border-bottom-right-radius: 0;" />

</center>
<br><br>
<center>
<div style="border:1px dashed #eee; width:940px;top:100px; opacity:0.2;padding:5px; background:#eee;" width="240">
<a class="loll" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" >HOME</a>
<a class="loll" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML" >LINKIES</a>
<a class="loll" onClick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML" >TUTORIALS</a>
<a class="loll" onClick="document.getElementById('main').innerHTML=document.getElementById('u').innerHTML" >BLOGSKINS</a>
<a class="loll" href="http://ask.fm/" target="_blank">ASK.FM</a>
<a class="loll" href="http://www.blogger.com/follow-blog.g?blogID=YOUROWNIDBLOG" target="_blank">FOLLOW</a>
</center>
</div>
</div>

</head>

<div align="center">
<table border="0" cellspacing="0" cellpadding="20">
</center>

<tr>
<br><br>
<td id="main" valign="top" style="width:520px;">

<Blogger>
<center><div class="uh"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> COMMENTS</a></BlogItemCommentsEnabled> </div></center><div class="pocetit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></span></div></br>
<$blogitembody$>
</br></br>
<$BlogItemControl$>
</p>
<div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love</a></BlogItemCommentsEnabled></div>
<br/>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:530px; padding:5px;margin-top:-3px;border:4px solid #fff;3px;background:url(http://25.media.tumblr.com/d3d5276af106e14618b0db283bb7fac3/tumblr_movcawwYsM1ru3nbdo9_250.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 style="float: left;"><a class="leposts" href=<$OlderPosts$>>
<img src="http://www5e.biglobe.ne.jp/~cep/s/mm/rb.gif" style="border:none;" /></a></div>
<div style="float: right;"><a class="leposts" href=<$NewerPosts$>>
<img src="http://www5e.biglobe.ne.jp/~cep/s/mm/rn.gif" style="border:none;" /></a></div>
</td>

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

<div class="boo">owner</div>
<div class="sidebar">
<center><img src="http://24.media.tumblr.com/98fdfb72632b7756e821b6f6c2fa8507/tumblr_n3vuudl8kM1qk3yhdo1_500.jpg" width="300" height="170"></center>
INTRO HERE<br>
</div>

<div class="boo">archive</div>
<div class="sidebar">
<div style=" width:320px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div class="thingi"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div></div>

<div class="boo">cbox</div>
<div class="sidebar">
REPLACE THIS SITE WITH YOUR OWN CBOX. MAX WIDTH:280 HEIGHT 78.
</div>

<div class="boo">credit</div>
<div class="sidebar">
<center><img src="http://applepine.chu.jp/line/sen/punson200.gif" width="200" height="41" style="border:none;"></center>
© 2014 - Skins by <a href="http://umihumairayusof.blogspot.com">Mayra</a> Cute icon from <a href="http://pixel-diary.tumblr.com/">Pixel</a> and other from <a href="http://wanaseoby.blogspot.com">wana</a>. Dont open my page sources.
</div>

</div><br>

</td>

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

<Blogger>
<center><div class="uh"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> COMMENTS</a></BlogItemCommentsEnabled> </div></center><div class="pocetit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></span></div></br>
<$blogitembody$>
</br>
<$BlogItemControl$>
</p>
<div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love</a></BlogItemCommentsEnabled></div>
<br/>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:530px; padding:5px;margin-top:-3px;border:4px solid #fff;6px;background:url(http://25.media.tumblr.com/d3d5276af106e14618b0db283bb7fac3/tumblr_movcawwYsM1ru3nbdo9_250.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 style="float: left;"><a class="leposts" href=<$OlderPosts$>>
<img src="http://www5e.biglobe.ne.jp/~cep/s/mm/rb.gif" style="border:none;" /></a></div>
<div style="float: right;"><a class="leposts" href=<$NewerPosts$>>
<img src="http://www5e.biglobe.ne.jp/~cep/s/mm/rn.gif" style="border:none;" /></a></div>
</td>

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

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

<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
</div>
</td>

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

<div class="h1">Tutorials</div>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<br><br>

<div class="h1">Tutorial</div>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<br></br>
</td>

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

<div class="h1">Blogskins</div><br>

<a href="YOUR LINK "><img class="bs" src="YOUR IMAGE">
<a href="YOUR LINK "><img class="bs" src="YOUR IMAGE">
<a href="YOUR LINK "><img class="bs" src="YOUR IMAGE">
<a href="YOUR LINK "><img class="bs" src="YOUR IMAGE">
</div>
</body>
</table>
<div style="border:1px solid #CED8F6;background:url(http://i.imgur.com/vNmda6g.png);height:5px;width:950px;" >.</div>
<br><br><br>
</html>