Konnichiwa!
This is my page code !
R y o k o
<html>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m46ltbfYJB1qdlkyg.gif" />
<link href='https://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIC43R0poOZSIJzmhORxZPy2GVbobj4b8-PqTng72prCPnM4hBk5RMyx3EBMz1RW-8dP4h8Clnf2CKsTJ2GhfvQr5JTday9crJ3Umv53bSNrmmR9Hetf5JpfXmcgm1GA6CqvxjIh_uUezC/s200/top7.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:"Fly With Me!!"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<head>
</br></br>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjgh7RVuYFt5uYgjSCC3QC0NU1_bX2CHAkW_dkLUGsCz5he-ozAJblmcElL894_BSfe7pLm8JaCj1OwXP9tF228iVk9W0vfl9y1PvbrJk2Yu-AOpRQ4tbe1Pz65H-wZyzlSc352MkGFFWg/s1600/baru.png" style="opacity: 100;" /></center>
<title> Dreams come true </title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://25.media.tumblr.com/1705244db27982795cd45d7d20efcb4a/tumblr_mt67noIbPl1ru3nbdo2_100.png);
background-attachment:fixed;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtOjCfPji0Jysq8pcrXq4JTibBCq5DK4MuykGkTBcbqGyjKOV4OrWpaQJh7Ym5ov744z2M3JLwlTjpP_-LAX6Y3Nj1IF9BqxmLxNrdsVQbSdOg9Bx8rDIIy1US6PeBOdEHPiigfSSgROA/s1600/cur5.png), progress;
font-family: 'Patrick Hand', cursive;
font-size: 14px;
text-align: left;
}
::-webkit-scrollbar {
height:8px;
width: 8px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #ffb3c4;;
-moz-border-radius: 12px;
border-radius: 12px;
}
     ::-moz-selection {
background: transparent;
color:#B93B8F;
}
::selection {
background: transparent;
color:#666;
}

a:link, a:visited {
color: #FF708F;
text-decoration: none;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_Zr0MtqQenYxsHIgFgwHhgO11q9Iksyg7zpOh0FV3DFykrh4uhJ2goZqJmpmMan1ICCvzTal7S_SpKXemQksl-0Q4UMhqPE10O9vb5joD_OfmCAxyBKZQEGioJplHwLqNTZYVa7TQIs/s1600/cur6.png), progress;
}
a.linkies {
font-size: 11px;
font-family: Short Stack;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background: #ffb3c4;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.linkies:hover          {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
background:#fff;
-webkit-transition-duration:1200ms;
}
a.linkie          {
font-size: 11px;
font-family:  Short Stack;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background: #ffb3c4;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.linkie:hover          {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
background:#fff;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
.tit {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color: #ffb3c4;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 11px 'Short Stack';
line-height:18px;
text-align: center;
border-left: 8px double #ffb3c4;
border-right: 8px double #ffb3c4;
border-top: 1px solid #ffb3c4;
border-bottom: 1px solid #ffb3c4;
background:url(https://s-media-cache-ak0.pinimg.com/236x/42/b6/2a/42b62acc3acb8c8cba59de8d54f2f86a.jpg);
}

.tit:hover {
border-left: 4px double #ffb3c4;
border-right: 4px double #ffb3c4;
-webkit-transition: 0.5s;
}

a:hover {
color: #666;
-webkit-transition:2s;
}

.sweet {
    margin: .75em 0;
    font: normal normal 120% Patrick Hand;
    color: #ffb3c4;
    text-align: center;
    }

.sweet:hover {
padding-left: 25px;
-webkit-transition: 1.0s;
}

.rosemary {
font-family: 'Patrick Hand';
font-size:14px;
line-height:12px;
color: #ffb3c4;
text-align: center;
}

blockquote {
border: 1px solid #ffb3c4;
padding: 2px;
}
li {
list-style-image:url(http://media.tumblr.com/42b2c7e69bebab576f091f5f3bc48841/tumblr_inline_mmzqosgOj11qz4rgp.gif) ;
}
li:hover {
list-style-image:url(http://media.tumblr.com/tumblr_m4i900uimA1qdlkyg.gif);
}

</style>
<body oncontextmenu='return false;'>
<br>
</head>
<table style="font-size: 14px; border:1px solid #ffb3c4; color: #B7B7B7; line-height: 17px; background:white; border-radius:8px;" width="860" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:9px; width:80px; padding-right:10px;">
<div class="tit">This Owner ♥ </div><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrZlQkV10ZkbY2GbJiP8MBxQE2RcehJT7fzjd54qT6gpi5DBZA_YhSGvkkdAj1rSTAwnecNppOYkTPO4jmyat6It4qkO_CpIufi45Mx0Qcz2AbrVUdMpfBnY2YEfQrIR8gwmqv4xB4fJl_/s200/id11.png" width="150" height="200"></div> </center>

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

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b>
</b></div>
<div style="text-align: center;">
 Welcome!  You've stuck in my world . must not copy and paste here, just be yourself :)<br />
<---- exchange with your words ---->
<br>
<br>
<div style="text-align: center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-top: -16px; padding-top: 6px;padding-bottom: 6px;">
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Entry</a> |
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a> |
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">Stuff</a> |
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('linkies').innerHTML" title="">Affies</a>
</div><br></div>
</div></div>
<br>

<div class="tit">Chat with Me ♥</div><br>
<div style="text-align: center;">

<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlIVL8zmQzUy8sWGdX1C0IX62f4fS362VYytfHUCl29qk0nnKQZIwLcDxniUSp_mxiQs8D7UzhmD0fanAHg7UZRz-git-w17DzuSYv7JPLdyxIZxzmInFHUYwF7tuvYk2Z0m5fNhHj1Fo3/s320/cbox.png" width="250" /> </div> </center>
<----Put u'r Cbox Here----->

<br>
<div class="tit">Credit ♥</div><br>
<div style="text-align: center;">
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXgyWuS9K2blkbqsamPO28Vqr6lmPT9EKdLTNgc7XPrEjMADbWOOPDo3suKcBIQKbH3t_kdITi3WnNiMtZyL3FmqaDvzrT_XlPvfBjdbWXsiIf3EqakrRNAnvojQiSQV8jhzzqTRsQMuY/s1600/36662329.png" width="250" /> </div> </center>
@2015- full edit by <a href="http://ryoko-rin.blogspot.com/">Ryoko Rin</a> Template by <a href="http://ryoko-rin.blogspot.com/">Ryoko Rin</a></b> <a href="http://ryoko-rin.blogspot.com/">    </a>   cute icon from <a href="http://www.we-heart-it.com/">we heart it</a> This owner <a href="http://blogger.com/">U'r name</a>
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
<br>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;">
<div id="entry">

<blogger><div class="tit"><BlogItemTitle>
<img src='http://i596.photobucket.com/albums/tt44/ainurnajwastory/thgirl-1.gif'/>
<$BlogItemTitle$>
</BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br></blogger><br>
<center><OlderPosts><a  href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div>
</td></tr></tbody>
</table>

<div id="linkies" style="display: none;">
<div class="tit"><img src="http://media.tumblr.com/b0cf34c37279b551e3cabb8f66578f19/tumblr_inline_mg2m65sBW51qdlkyg.gif" />My Secret Admire ♥ </div><br>
<center><img src="http://data.whicdn.com/images/13369570/large.png"></center><br>
Hi. Wanna be next? Tell me at Cbox. bla bla bla<br /><---- exchange with your words ----><br>
<br>
<a class="linkies"  href="http://ryoko-rin.blogspot.com">Ryoko Rin</a>
<a class="linkie"  href="http://blogspot.com/">Next</a>
<a class="linkie"  href="http://blogspot.com/">Next</a>
<a class="linkie"  href="http://blogspot.com/">Next</a>
<a class="linkie"  href="http://blogspot.com/">Next</a>
<a class="linkie"  href="http://blogspot.com/">Next</a>
<br>


<div id="about" style="display: none;">
<div class="tit"><img src="http://media.tumblr.com/tumblr_m89hiaQDCS1qdlkyg.gif" /> About Me ♥  </div>
<center><img src="https://33.media.tumblr.com/ea313abcda156f3d5b503dd1bf462659/tumblr_mobt4fw9JX1s9m4lro1_500.gif"></center><br>
<br />
<ul>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Name</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">&nbsp;: Ryoko Rin</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Nickname</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">&nbsp;: ryoko</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Still young?</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">&nbsp;: of course!</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">When your birthday?</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">&nbsp;: 00</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Hobby</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">&nbsp;: create a blog, blogwalking, playing games, etc.</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Occupation</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">: owner this blog ^^</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Like</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">: Chocolate, ice cream, candy and anything that tastes sweet. Yummy: p&nbsp;</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Dislike</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">: the wicked: v, enemies, which often reference to profanity, etc. lol lol</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Love</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">: Family, Friend, Boyfriend, and my ex</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Kind of?</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">&nbsp;: Beautiful, simple and friendly&nbsp;</span></li>
</ul>



<div id="diary" style="display: none;">

<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br>
<hr/><center>Thanks for reading <img src="http://i596.photobucket.com/albums/tt44/ainurnajwastory/smile.gif"></center><hr/>
</blogger>
<br>

</div>


<div id="stuff" style="display: none;">
<div class="tit"> Tutorial and Freebies for you <img src="http://media.tumblr.com/93476052c73d3bd6e52ba94a0d601359/tumblr_inline_mg1a7tu16w1qdlkyg.gif"/></div><br>
<center><img src="http://i483.photobucket.com/albums/rr197/neesiwoof/tumblr_mvli56R26e1sq7d75o1_r1_500_zpsmy2closm.gif"></center><br>
<center><u/ >Tutorial ♥</u/ ></center>
<div>
<ul>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
</ul>
</div>

<br />
<br />
<center><u/ >Freebies ♥</u/ ></center>
<div>
<ul>
<li><a href="https://www.blogger.com/">Freebies</a></li>
<li><a href="https://www.blogger.com/">Freebies</a></li>
<li><a href="https://www.blogger.com/">Freebies</a></li>
<li><a href="https://www.blogger.com/">Freebies</a></li>
<li><a href="https://www.blogger.com/">Freebies</a></li>
</ul>
</div>
<div>

<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>


</table>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/><script src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/><script type='text/javascript'>jQuery(document).ready(function($){if (navigator.platform == &quot;iPad&quot;) return;jQuery(&quot;img&quot;).lazyload({effect:&quot;fadeIn&quot;,placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2s4g_F0wDLlDGRYI_DVspE-js8LnEW42nVRR5jTXqvGyK_i5Vy_0c6OjJ7W6fdrx-o0Hg8rrWlPKJlJZya6xaRx_Uio48W0dXzJb-DVGMX1kKAvmFS025-SZbtGJdCUmagwkY0ximFw/s1600/grey.gif&quot;});});</script>
</body>
</head>
<base target='_blank'/>
<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>

<script type='text/javascript'></script><script type='text/javascript'>
</table></body></head></html>
Arrien