Blue Musical Notes (Aoi Kiriya: Aikatsu)
<!--------------------------------------------------------------------------
Name : Blue Musical Notes
Basecode : http://revita-maya.blogspot.com/
Template : http://mochiiandpeanut.blogspot.co.id/
Don't remove the credits or link, please!
--------------------------------------------------------------------------!>
<html>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-9/ani879.ani), url(http://cur.cursors-4u.net/cursors/cur-9/cur266.cur), progress !important;} li { list-style-image:
url(http://68.media.tumblr.com/12cad12e466cbd7c7aba126c745cb801/tumblr_inline_mg1at9sMGJ1qdlkyg.gif);
}</style><a href="http://www.cursors-4u.com/cursor/2009/04/13/super-kawaii-cute-cat-kaoani.html" target="_blank" title="Super Kawaii Cute Cat Kaoani"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Super Kawaii Cute Cat Kaoani" style="position:absolute; top: 0px; right: 0px;" /></a>
<head>
<link href='http://fonts.googleapis.com/css?family=Delius|Shadows+Into+Light|Gloria+Hallelujah' rel='stylesheet' type='text/css'/>
<head>
<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/AVvXsEj7qlF-A0yoO7kZaPmu0eicP4Oq66urFmyrgVskO5LVZU2Qg9FyfnmAXPxtAtTwUbV1LegW2boWEzsW-NH4aTTLrcXPf4f4vb5pNNgC8WQfNWiWfBJRwwN34ZN5tBrc1bgyG3PKoftaOtXB/s1600/btt.png" width="100" />', //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#A9E2F3
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:"Back to Top"})
.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>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m3oer5VT6f1qdlkyg.gif"/>
<br><br>
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,700,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
<center><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDuhXpwRdASSN6jz8H6U917fBn80tj2kH0oSlYTkzCWBscQbu6XDjBSYae23_zjSiuZZKSe86Zx10PP38I2PT2hcIr4d678jhJhfLvTcxGYd_X2pKxrWYTvidhmsT17LjuBKGX4043ZbFu/s1600/header.png"/></center>
<title>Harry Potter</title>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<script src='http://mizwar.blog.googlepages.com/rainbow.js' type='text/javascript'> </script>
<div style="display:scroll; position:fixed; top:0px; right:100px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" target="_blank" rel="nofollow" title="Follow!" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK1oanXEvNcF0gYzGRY4tJ6aaahh6DgRPdXcG-0EW7aOHRhzYP124pk_b9KmFE8Varqp_0vuOfSb-9SrPFFst2DAcPyGEVZ2YtyOwJLwdW2FHqGrR7xSiqi0Zokl72dnz4j8yd71SqwXNY/s1600/fblue.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 3em; margin-right: 1.5em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAuN88MYr-mT4R4ZzRW8ErIAJpWpRgSn05GQT7LC-LDoVnWEfXdeEhpi4zq6fZFjMkXuQ9FuJ4nlkdjZ74QwqKd9svSbSek2mIFNGUCZGxadjIRM8IcudcLwzx46d0HYMZWJPNw-mXYKO/s1600/dblue.png" /></a></div></div>
<!--------------------------------------------------------------------------
Remember to change 'YOURBLOGID' to yours! Don't know what blogID is? http://dianeeya.blogspot.com/2014/07/what-is-blog-id-apakah-itu-blog-id.html
--------------------------------------------------------------------------!>
<style type="text/css">
#navbar-iframe { display: none; }
body {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMf4jqYFPrrYRXpYM9Ae6kPGV_xmhLSX_4ptjoIAEPDmOPdVCTEMwB9eQW3u4y6rTKmzGm3dWtjja7oAc3f6Cw0ORcMz2MirC5Ul_IQ2BozX_Y4QUj3wq0Wx-mjPov5dUvZSdnGx4BrdzT/s1600/background+saya.png');
color: #888888;'
line-height: 15px;
text-align: justify;
}
table {
background:#fff;
font: 11px comfortaa;
letter-spacing: 1px;
color: #666;
line-height: 20px;
padding:5px;
border-top: 15px dashed #CEE4FF;
border-bottom: 15px solid #CEE4FF;
border-right: 15px solid #CEE4FF;
border-left: 15px solid #CEE4FF;
border-radius:20px;
width:900;}
a:link,a:visited{
text-decoration:none;
color:#81DAF5;-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;
}
a:hover{
border-bottom:1px dashed #CEECF5;
color:#CEECF5;
background:transparent;
}
::-moz-selection {
background:#CEECF5;
color:#000;
}
::selection {
background:#C4EDFF;
color:#fff;
}
i , s, strike {
color: #666;
}
u {
text-decoration: none;
border-bottom: 1px solid #CEECF5;
}
b {
color:#666;
-webkit-transition-duration: 1.5s;
}
blockquote {
margin: 1em 20px;
border-radius:15px;
padding:10px;
background:#E5EEFF;
border:2px;
solid #addfff;
border-left:12px double #addfff;
font:14px souvenir lt bt;background-image:url(http://68.media.tumblr.com/6efa37db51af84e1fdd51d70687083d3/tumblr_inline_mgpekkwx7l1qdlkyg.gif);
background-repeat:no-repeat;
background-position:99% 100%;
background-size:95px;
-webkit-transition: all 1.0s ease-in-out;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;}
.h1 {
padding-left:10px; color: #666; font:13px comfortaa; line-height: 20px; width: 530px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNwrXI1yWVdCvx_u3MEG6YLPoAb2_4_z_AdnM5bIdTZ7Exw_b1pSbpjPTmF4d7I4nlvhrbg0edqc0FY8ZJ7lSgzX8TCIOIDC9_yc_NqTewSZBn5eodI8eE4zpYUoLyOanZn_lyLbxdLG8/s200/blueish.jpg); text-align: center; letter-spacing:1px;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
a.oldernewer{
letter-spacing:3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:inline-block;
font:8px tt;
text-align:center;
width:100px;
height:10px;
color:#888 ;
padding:5px;
background:#fff;
border-radius:5px;
text-decoration:none;
border:2px solid #CEECF5;}
a.oldernewer:hover{
background: #fff;
color:#333 !important;
box-shadow:inset 0px 25px 0px #f0bdca;
}
.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_lkl6q24eyw1qfamg6.gif") no-repeat 2px .3em;
margin-bottom:5px !important;background-size:15px;
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:1px solid #CEECF5;
margin:0em;
padding:5px;
color:#808080;
}
.pocetit {
text-transform:uppercase !important;
background:url(http://25.media.tumblr.com/92e70c8863d69df1fa9c4d94df6ba491/tumblr_mj5wb5Owf61s51axjo4_250.png) !important;
color:#bbb !important;-webkit-transition: 1.0s !important;
-moz-transition: 1.0s;letter-spacing:5px !important;
margin-bottom:0px !important;
font-size:12px !important;line-height:20px; !important;
text-align:right !important;
padding-right:0px !important;border:1px solid #ffe3e8!important;
}
.h2 {
-webkit-transition: 1s;
-moz-transition: 1s;
background:url(http://68.media.tumblr.com/136806c52eca5aa83ba2a2f092488327/tumblr_inline_mmzqor9FZB1qz4rgp.gif);
background-repeat:no-repeat;
font-size:17px;
padding:5px;
font-family: Shadows Into Light;
color:#666;
text-align:center;
border-top:2px solid #CEE4FF;
border-bottom:2px solid #CEE4FF;
border-right:2px solid #95BAE7;
border-left:2px solid #95BAE7;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
background-position:right;
}
.h3 {
-webkit-transition: 1s;
-moz-transition: 1s;
background:url(http://68.media.tumblr.com/50159cb7f924386cc89fa729363192f0/tumblr_inline_mgpfvfGj9J1qdlkyg.gif);
background-repeat:no-repeat;
font-size:17px;
padding:5px;
font-family: Gloria Hallelujah;
color:#666;
text-align:center;
border-top:2px solid #95BAE7;
border-bottom:2px solid #95BAE7;
border-right:2px solid #CEE4FF;
border-left:2px solid #CEE4FF;
border-radius: 10px;
background-position: right;
}
.h3:first-letter {
font-size: 30px;
font-family: 'Short Stack', sans-serif;
text-align: center;
color: #95BAE7;
}
.arrien {
margin-top:0px;
background:#fff;
border-bottom:1px solid #CEECF5;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
color:#666;
}
.arrien:hover {
color:#fff;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color: #CEECF5;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(http://snow-white.lolipop.jp/sozai/wall/dot/25_05.gif);
border: 1px solid #FFFFFF;
}
a.navi{
border:1px solid #CEECF5;
padding:7px;
font:11px comfortaa;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:normal;
width:65px;
background:#CEECF5;
color:#000;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;}
a.navi:hover{
letter-spacing:3px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#666;
}
.header {
margin-left: 2px;
margin-bottom: -50px;
-webkit-transition:2s
}
.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_m3oer5VT6f1qdlkyg.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;
}
</style>
<style>
.raejun{
width:60px;
padding:15px;
margin-top:15px;
box-shadow:2px 2px 4px #C2D6FA;
background:#C2D6FA;
border:2px solid #fff;
font:12px comfortaa;
text-align:center;
Text-decoration:none;
color:#fff;
text-transform:normal;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:1px solid light blue;
-webkit-border-top-right-radius: 333px;
-webkit-border-bottom-right-radius: 333px;
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}
.raejun:hover{
width:66px;
border-left:7px solid #CEECF5;
color:#000;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>
<div style="position:fixed; top:100px;left:0px;width:100px; color:#aaa;">
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">Entry</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">Owner</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">Linkies</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML">Stuffs</a>
</div>
<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="20">
</center>
<tr>
<td valign="top" width="180">
<div class="h2">Disclaimer</div>
<br>
<center>
<img style="border:2px dashed #CEECF5; padding:5px; width:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDj9Ji_e8PX1Pwj8DxOcSB3zT4qgWEhOrn5cLCXrEgYAwQlhzKzbVgbEs3wBpnKRdD4P8iVA4exORlGwlSDem0481Jdru3Y7GTSsiHpdhTMV0re0hs1b2sh2JwFfzUuW0G-yLDHK5KRE3j/s1600/pictaoikiriya.png">
</center><center>Moshimoshi! My name is Aoi Kiriya, love music. Blueholic, otaku, and love you all ;)</center><br>
<form action="/search" id="searchthis" method="get" style="display: inline;">
<div style="text-align: center;font-size: 12px;color:#888;margin-bottom:-10px;">
<input id="search-box" name="q" size="28" type="text" value="Go! Go! Aikatsu!" style="font-size: 12px;color:#819DD2; border:1px solid #819DD2; border-radius:8px;"/>
<input id="search-btn"src="http://68.media.tumblr.com/0aca713dc0b19526e24fa3d155832777/tumblr_inline_mg16hfnAAr1qdlkyg.gif" style="padding:0px; margin-bottom:-5px;" type="image" value="Search"/></div></form><br>
</div></div></div><br>
<div class="h2">Archive</div>
<br>
<center><div style="border:1px dashed #CEECF5; width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems></center><br>
</div>
<div class="h2">Tag Board</div>
<br>
<center>
<img style="border:1px solid #CEECF5; padding:5px;" src="http://pa1.narvii.com/6133/1a3cb580b093db4b839d7f85b648efc6c685c3c3_hq.gif"width="200"><br>
Replace With Your Cbox Code
</center>
</div></center><br>
<div class="h2">Credits</div><br>
<img style="border:1px solid #CEECF5; padding:5px;" src="https://68.media.tumblr.com/978f7b4bffa287e4843d320d5e9b1001/tumblr_nkr4jmszYu1u94updo1_500.gif"width="200">
<center>Template: <a href="http://mochiiandpeanut.blogspot.co.id/">Aizza Chan</a><br>Basecode: <a href="http://revita-maya.blogspot.com/">Revita</a> | <a href="http://tsabbita230.blogspot.com">Tsabbita</a> | <a href="http://nafaraisya.blogspot.com/">Azzahra</a> <br> Others: <a href="www.weheartit.com/">♥</a> <a href="http://widgetindex.blogspot.com">♥</a> <a href="http://nabilamedan-taipmenaip.blogspot.com">♥</a><br> © 2014 - All Rights Reserved</div></center>
<!------------------------Don't remove the credits-------------------------->
</div>
</td>
</div>
<td id="main" valign="top" style="width:535px;">
<Blogger>
<div class="h3">
<$BlogItemTitle$></div><div class="arrien" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Idol(s)</a></BlogItemCommentsEnabled></div>
<br><$blogitembody$><br>
<br>
<center><OlderPosts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER</a></NewerPosts></center><br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background: #E5EEFF; 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>
</td>
<td id="o" style="display: none;">
<Blogger>
<div class="h3">
<$BlogItemTitle$></div><div class="arrien" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Idol(s)</a></BlogItemCommentsEnabled></div>
<br><$blogitembody$><br>
<br>
<center><OlderPosts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER</a></NewerPosts></center><br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:#E5EEFF; 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>
</td>
<td id="k" style="display: none;">
<div class="h3">About Myself</div>
<div class="arrien">Meet The Idol!</div><br>
<center><img style="border:1px solid #CEECF5; padding:5px;" src="http://data.whicdn.com/images/145711021/large.gif" width "250" /></center><br>
<u>Contact me:</u><br><br>
<img src="http://media.tumblr.com/00b0d1da6f7c1b1418c3682672f8076e/tumblr_inline_mwc6zw48Zd1qbq39l.png"><a href="www.facebook.com/"> Facebook</a> <br><img src="http://media.tumblr.com/b190d3a967fe40a8a427dfe3c84d5ff6/tumblr_inline_mwc709BPod1qbq39l.png"><a href="www.twitter.com/"> Twitter</a> <br><img src="http://media.tumblr.com/aa6937cf2bf2b1723a927e3f6df06223/tumblr_inline_mwc703Kdpj1qbq39l.png"><a href="www.instagram.com/"> Instagram</a> <br><img src="http://media.tumblr.com/e091e04362d6d8deb2517e656e5819f4/tumblr_inline_mwc706AchA1qbq39l.png"><a href="tumblr.com/"> Tumblr</a>
<br><br>
<u>Basics:</u>
<br><br>
<li><b>Name:</b> Aoi Kiriya</li><br>
<li><b>Known as:</b> Aoi</li><br>
<li><b>Age:</b> 15 years young</li><br>
<li><b>Live at:</b> Stage</li><br>
<li><b>Country:</b> Japan</li><br>
<li><b>Favorite Colours:</b> Blue</li><br>
<li><b>Language:</b> Indonesian, English</li><br>
<li><b>Hobby:</b> Singing, Dancing</li><br>
<li><b>Favorite Quote:</b> Let's singing with me!</li><br>
<br>
<u>Likes:</u>
<br><br>
♥ Microphone<br>
♥ Guitar<br>
♥ Shoes<br>
♥ Blue<br>
♥ Cute<br>
<br>
<u>Dislikes:</u>
<br><br>
✖ Hackers<br>
✖ Liars<br>
✖ Anons<br>
<br>
</div>
</td>
<td id="p" style="display: none;">
<div class="h3">Exchange Links</div>
<div class="arrien">My band</div><br>
<center><img style="border:1px solid #CEECF5; padding:5px;" src="http://68.media.tumblr.com/815677532e17fd93d5afb22df27dc725/tumblr_npnghx4vIh1u7fin7o1_500.gif" width="400" ></center><br>
<center>
<input type="text" size="11" value="Your Name" style="width:180px;font:12px comfortaa;color:#666;border:1px solid #CEECF5;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="Your Blog URL" style="width:180px;font:12px comfortaa;color:#666;border:1px solid #CEECF5;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br><center>
<a class="navi" href="http://nafaraisya.blogspot.com/">Zahra</a>
<a class="navi" href="http://tsabbita230.blogspot.com/">Tsabbita</a>
<a class="navi" href="http://dianeeya.blogspot.com/">DianeeyA</a>
<a class="navi" href="http://mochiiandpeanut.blogspot.co.id/">Aizza</a>
<a class="navi" href="http://.blogspot.com/">Next?</a><br><br>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a><br><br>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a><br><br>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a><br><br>
</center>
</td>
<td id="stuffs" style="display: none;">
<div class="h3">Extras Section</div>
<div class="arrien">You can see my special entries here.</div><br>
<center><img style="border:1px solid #CEECF5; padding:5px;" src="https://68.media.tumblr.com/adc485db05f39824a8384ac0b9615a1c/tumblr_nke7suHGF61sox2y0o2_500.gif" width="400" ></center><br>
<center><blockquote>Replace With Your Own Stuffs</blockquote> </center><br>
<div class="h1">Tutorial</div><br>
<div style="border:1px dashed #CEECF5; width:530px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<a href="<$BlogItemPermalinkURL$>">
<div class="me">
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br><br>
</div></div><br>
<div class="h1">Freebies</div><br>
<div style="border:1px dashed #CEECF5; width:530px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<a href="<$BlogItemPermalinkURL$>">
<div class="me">
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br><br>
</div></div><br>
<div class="h1">Tips & Info</div><br>
<div style="border:1px dashed #CEECF5; width:530px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<a href="<$BlogItemPermalinkURL$>">
<div class="me">
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br><br>
</div></div><br>
<div class="h1">Others</div><br>
<div style="border:1px dashed #CEECF5; width:530px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<a href="<$BlogItemPermalinkURL$>">
<div class="me">
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br><br>
</div>
</div>
</td>
<br><br/>
</table>
</body>
</html>
Name : Blue Musical Notes
Basecode : http://revita-maya.blogspot.com/
Template : http://mochiiandpeanut.blogspot.co.id/
Don't remove the credits or link, please!
--------------------------------------------------------------------------!>
<html>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-9/ani879.ani), url(http://cur.cursors-4u.net/cursors/cur-9/cur266.cur), progress !important;} li { list-style-image:
url(http://68.media.tumblr.com/12cad12e466cbd7c7aba126c745cb801/tumblr_inline_mg1at9sMGJ1qdlkyg.gif);
}</style><a href="http://www.cursors-4u.com/cursor/2009/04/13/super-kawaii-cute-cat-kaoani.html" target="_blank" title="Super Kawaii Cute Cat Kaoani"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Super Kawaii Cute Cat Kaoani" style="position:absolute; top: 0px; right: 0px;" /></a>
<head>
<link href='http://fonts.googleapis.com/css?family=Delius|Shadows+Into+Light|Gloria+Hallelujah' rel='stylesheet' type='text/css'/>
<head>
<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/AVvXsEj7qlF-A0yoO7kZaPmu0eicP4Oq66urFmyrgVskO5LVZU2Qg9FyfnmAXPxtAtTwUbV1LegW2boWEzsW-NH4aTTLrcXPf4f4vb5pNNgC8WQfNWiWfBJRwwN34ZN5tBrc1bgyG3PKoftaOtXB/s1600/btt.png" width="100" />', //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#A9E2F3
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:"Back to Top"})
.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>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m3oer5VT6f1qdlkyg.gif"/>
<br><br>
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,700,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
<center><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDuhXpwRdASSN6jz8H6U917fBn80tj2kH0oSlYTkzCWBscQbu6XDjBSYae23_zjSiuZZKSe86Zx10PP38I2PT2hcIr4d678jhJhfLvTcxGYd_X2pKxrWYTvidhmsT17LjuBKGX4043ZbFu/s1600/header.png"/></center>
<title>Harry Potter</title>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<script src='http://mizwar.blog.googlepages.com/rainbow.js' type='text/javascript'> </script>
<div style="display:scroll; position:fixed; top:0px; right:100px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" target="_blank" rel="nofollow" title="Follow!" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK1oanXEvNcF0gYzGRY4tJ6aaahh6DgRPdXcG-0EW7aOHRhzYP124pk_b9KmFE8Varqp_0vuOfSb-9SrPFFst2DAcPyGEVZ2YtyOwJLwdW2FHqGrR7xSiqi0Zokl72dnz4j8yd71SqwXNY/s1600/fblue.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 3em; margin-right: 1.5em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAuN88MYr-mT4R4ZzRW8ErIAJpWpRgSn05GQT7LC-LDoVnWEfXdeEhpi4zq6fZFjMkXuQ9FuJ4nlkdjZ74QwqKd9svSbSek2mIFNGUCZGxadjIRM8IcudcLwzx46d0HYMZWJPNw-mXYKO/s1600/dblue.png" /></a></div></div>
<!--------------------------------------------------------------------------
Remember to change 'YOURBLOGID' to yours! Don't know what blogID is? http://dianeeya.blogspot.com/2014/07/what-is-blog-id-apakah-itu-blog-id.html
--------------------------------------------------------------------------!>
<style type="text/css">
#navbar-iframe { display: none; }
body {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMf4jqYFPrrYRXpYM9Ae6kPGV_xmhLSX_4ptjoIAEPDmOPdVCTEMwB9eQW3u4y6rTKmzGm3dWtjja7oAc3f6Cw0ORcMz2MirC5Ul_IQ2BozX_Y4QUj3wq0Wx-mjPov5dUvZSdnGx4BrdzT/s1600/background+saya.png');
color: #888888;'
line-height: 15px;
text-align: justify;
}
table {
background:#fff;
font: 11px comfortaa;
letter-spacing: 1px;
color: #666;
line-height: 20px;
padding:5px;
border-top: 15px dashed #CEE4FF;
border-bottom: 15px solid #CEE4FF;
border-right: 15px solid #CEE4FF;
border-left: 15px solid #CEE4FF;
border-radius:20px;
width:900;}
a:link,a:visited{
text-decoration:none;
color:#81DAF5;-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;
}
a:hover{
border-bottom:1px dashed #CEECF5;
color:#CEECF5;
background:transparent;
}
::-moz-selection {
background:#CEECF5;
color:#000;
}
::selection {
background:#C4EDFF;
color:#fff;
}
i , s, strike {
color: #666;
}
u {
text-decoration: none;
border-bottom: 1px solid #CEECF5;
}
b {
color:#666;
-webkit-transition-duration: 1.5s;
}
blockquote {
margin: 1em 20px;
border-radius:15px;
padding:10px;
background:#E5EEFF;
border:2px;
solid #addfff;
border-left:12px double #addfff;
font:14px souvenir lt bt;background-image:url(http://68.media.tumblr.com/6efa37db51af84e1fdd51d70687083d3/tumblr_inline_mgpekkwx7l1qdlkyg.gif);
background-repeat:no-repeat;
background-position:99% 100%;
background-size:95px;
-webkit-transition: all 1.0s ease-in-out;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;}
.h1 {
padding-left:10px; color: #666; font:13px comfortaa; line-height: 20px; width: 530px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNwrXI1yWVdCvx_u3MEG6YLPoAb2_4_z_AdnM5bIdTZ7Exw_b1pSbpjPTmF4d7I4nlvhrbg0edqc0FY8ZJ7lSgzX8TCIOIDC9_yc_NqTewSZBn5eodI8eE4zpYUoLyOanZn_lyLbxdLG8/s200/blueish.jpg); text-align: center; letter-spacing:1px;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
a.oldernewer{
letter-spacing:3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:inline-block;
font:8px tt;
text-align:center;
width:100px;
height:10px;
color:#888 ;
padding:5px;
background:#fff;
border-radius:5px;
text-decoration:none;
border:2px solid #CEECF5;}
a.oldernewer:hover{
background: #fff;
color:#333 !important;
box-shadow:inset 0px 25px 0px #f0bdca;
}
.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_lkl6q24eyw1qfamg6.gif") no-repeat 2px .3em;
margin-bottom:5px !important;background-size:15px;
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:1px solid #CEECF5;
margin:0em;
padding:5px;
color:#808080;
}
.pocetit {
text-transform:uppercase !important;
background:url(http://25.media.tumblr.com/92e70c8863d69df1fa9c4d94df6ba491/tumblr_mj5wb5Owf61s51axjo4_250.png) !important;
color:#bbb !important;-webkit-transition: 1.0s !important;
-moz-transition: 1.0s;letter-spacing:5px !important;
margin-bottom:0px !important;
font-size:12px !important;line-height:20px; !important;
text-align:right !important;
padding-right:0px !important;border:1px solid #ffe3e8!important;
}
.h2 {
-webkit-transition: 1s;
-moz-transition: 1s;
background:url(http://68.media.tumblr.com/136806c52eca5aa83ba2a2f092488327/tumblr_inline_mmzqor9FZB1qz4rgp.gif);
background-repeat:no-repeat;
font-size:17px;
padding:5px;
font-family: Shadows Into Light;
color:#666;
text-align:center;
border-top:2px solid #CEE4FF;
border-bottom:2px solid #CEE4FF;
border-right:2px solid #95BAE7;
border-left:2px solid #95BAE7;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
background-position:right;
}
.h3 {
-webkit-transition: 1s;
-moz-transition: 1s;
background:url(http://68.media.tumblr.com/50159cb7f924386cc89fa729363192f0/tumblr_inline_mgpfvfGj9J1qdlkyg.gif);
background-repeat:no-repeat;
font-size:17px;
padding:5px;
font-family: Gloria Hallelujah;
color:#666;
text-align:center;
border-top:2px solid #95BAE7;
border-bottom:2px solid #95BAE7;
border-right:2px solid #CEE4FF;
border-left:2px solid #CEE4FF;
border-radius: 10px;
background-position: right;
}
.h3:first-letter {
font-size: 30px;
font-family: 'Short Stack', sans-serif;
text-align: center;
color: #95BAE7;
}
.arrien {
margin-top:0px;
background:#fff;
border-bottom:1px solid #CEECF5;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
color:#666;
}
.arrien:hover {
color:#fff;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color: #CEECF5;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(http://snow-white.lolipop.jp/sozai/wall/dot/25_05.gif);
border: 1px solid #FFFFFF;
}
a.navi{
border:1px solid #CEECF5;
padding:7px;
font:11px comfortaa;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:normal;
width:65px;
background:#CEECF5;
color:#000;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;}
a.navi:hover{
letter-spacing:3px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#666;
}
.header {
margin-left: 2px;
margin-bottom: -50px;
-webkit-transition:2s
}
.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_m3oer5VT6f1qdlkyg.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;
}
</style>
<style>
.raejun{
width:60px;
padding:15px;
margin-top:15px;
box-shadow:2px 2px 4px #C2D6FA;
background:#C2D6FA;
border:2px solid #fff;
font:12px comfortaa;
text-align:center;
Text-decoration:none;
color:#fff;
text-transform:normal;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:1px solid light blue;
-webkit-border-top-right-radius: 333px;
-webkit-border-bottom-right-radius: 333px;
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}
.raejun:hover{
width:66px;
border-left:7px solid #CEECF5;
color:#000;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>
<div style="position:fixed; top:100px;left:0px;width:100px; color:#aaa;">
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">Entry</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">Owner</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">Linkies</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML">Stuffs</a>
</div>
<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="20">
</center>
<tr>
<td valign="top" width="180">
<div class="h2">Disclaimer</div>
<br>
<center>
<img style="border:2px dashed #CEECF5; padding:5px; width:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDj9Ji_e8PX1Pwj8DxOcSB3zT4qgWEhOrn5cLCXrEgYAwQlhzKzbVgbEs3wBpnKRdD4P8iVA4exORlGwlSDem0481Jdru3Y7GTSsiHpdhTMV0re0hs1b2sh2JwFfzUuW0G-yLDHK5KRE3j/s1600/pictaoikiriya.png">
</center><center>Moshimoshi! My name is Aoi Kiriya, love music. Blueholic, otaku, and love you all ;)</center><br>
<form action="/search" id="searchthis" method="get" style="display: inline;">
<div style="text-align: center;font-size: 12px;color:#888;margin-bottom:-10px;">
<input id="search-box" name="q" size="28" type="text" value="Go! Go! Aikatsu!" style="font-size: 12px;color:#819DD2; border:1px solid #819DD2; border-radius:8px;"/>
<input id="search-btn"src="http://68.media.tumblr.com/0aca713dc0b19526e24fa3d155832777/tumblr_inline_mg16hfnAAr1qdlkyg.gif" style="padding:0px; margin-bottom:-5px;" type="image" value="Search"/></div></form><br>
</div></div></div><br>
<div class="h2">Archive</div>
<br>
<center><div style="border:1px dashed #CEECF5; width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems></center><br>
</div>
<div class="h2">Tag Board</div>
<br>
<center>
<img style="border:1px solid #CEECF5; padding:5px;" src="http://pa1.narvii.com/6133/1a3cb580b093db4b839d7f85b648efc6c685c3c3_hq.gif"width="200"><br>
Replace With Your Cbox Code
</center>
</div></center><br>
<div class="h2">Credits</div><br>
<img style="border:1px solid #CEECF5; padding:5px;" src="https://68.media.tumblr.com/978f7b4bffa287e4843d320d5e9b1001/tumblr_nkr4jmszYu1u94updo1_500.gif"width="200">
<center>Template: <a href="http://mochiiandpeanut.blogspot.co.id/">Aizza Chan</a><br>Basecode: <a href="http://revita-maya.blogspot.com/">Revita</a> | <a href="http://tsabbita230.blogspot.com">Tsabbita</a> | <a href="http://nafaraisya.blogspot.com/">Azzahra</a> <br> Others: <a href="www.weheartit.com/">♥</a> <a href="http://widgetindex.blogspot.com">♥</a> <a href="http://nabilamedan-taipmenaip.blogspot.com">♥</a><br> © 2014 - All Rights Reserved</div></center>
<!------------------------Don't remove the credits-------------------------->
</div>
</td>
</div>
<td id="main" valign="top" style="width:535px;">
<Blogger>
<div class="h3">
<$BlogItemTitle$></div><div class="arrien" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Idol(s)</a></BlogItemCommentsEnabled></div>
<br><$blogitembody$><br>
<br>
<center><OlderPosts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER</a></NewerPosts></center><br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background: #E5EEFF; 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>
</td>
<td id="o" style="display: none;">
<Blogger>
<div class="h3">
<$BlogItemTitle$></div><div class="arrien" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Idol(s)</a></BlogItemCommentsEnabled></div>
<br><$blogitembody$><br>
<br>
<center><OlderPosts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER</a></NewerPosts></center><br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:#E5EEFF; 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>
</td>
<td id="k" style="display: none;">
<div class="h3">About Myself</div>
<div class="arrien">Meet The Idol!</div><br>
<center><img style="border:1px solid #CEECF5; padding:5px;" src="http://data.whicdn.com/images/145711021/large.gif" width "250" /></center><br>
<u>Contact me:</u><br><br>
<img src="http://media.tumblr.com/00b0d1da6f7c1b1418c3682672f8076e/tumblr_inline_mwc6zw48Zd1qbq39l.png"><a href="www.facebook.com/"> Facebook</a> <br><img src="http://media.tumblr.com/b190d3a967fe40a8a427dfe3c84d5ff6/tumblr_inline_mwc709BPod1qbq39l.png"><a href="www.twitter.com/"> Twitter</a> <br><img src="http://media.tumblr.com/aa6937cf2bf2b1723a927e3f6df06223/tumblr_inline_mwc703Kdpj1qbq39l.png"><a href="www.instagram.com/"> Instagram</a> <br><img src="http://media.tumblr.com/e091e04362d6d8deb2517e656e5819f4/tumblr_inline_mwc706AchA1qbq39l.png"><a href="tumblr.com/"> Tumblr</a>
<br><br>
<u>Basics:</u>
<br><br>
<li><b>Name:</b> Aoi Kiriya</li><br>
<li><b>Known as:</b> Aoi</li><br>
<li><b>Age:</b> 15 years young</li><br>
<li><b>Live at:</b> Stage</li><br>
<li><b>Country:</b> Japan</li><br>
<li><b>Favorite Colours:</b> Blue</li><br>
<li><b>Language:</b> Indonesian, English</li><br>
<li><b>Hobby:</b> Singing, Dancing</li><br>
<li><b>Favorite Quote:</b> Let's singing with me!</li><br>
<br>
<u>Likes:</u>
<br><br>
♥ Microphone<br>
♥ Guitar<br>
♥ Shoes<br>
♥ Blue<br>
♥ Cute<br>
<br>
<u>Dislikes:</u>
<br><br>
✖ Hackers<br>
✖ Liars<br>
✖ Anons<br>
<br>
</div>
</td>
<td id="p" style="display: none;">
<div class="h3">Exchange Links</div>
<div class="arrien">My band</div><br>
<center><img style="border:1px solid #CEECF5; padding:5px;" src="http://68.media.tumblr.com/815677532e17fd93d5afb22df27dc725/tumblr_npnghx4vIh1u7fin7o1_500.gif" width="400" ></center><br>
<center>
<input type="text" size="11" value="Your Name" style="width:180px;font:12px comfortaa;color:#666;border:1px solid #CEECF5;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="Your Blog URL" style="width:180px;font:12px comfortaa;color:#666;border:1px solid #CEECF5;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br><center>
<a class="navi" href="http://nafaraisya.blogspot.com/">Zahra</a>
<a class="navi" href="http://tsabbita230.blogspot.com/">Tsabbita</a>
<a class="navi" href="http://dianeeya.blogspot.com/">DianeeyA</a>
<a class="navi" href="http://mochiiandpeanut.blogspot.co.id/">Aizza</a>
<a class="navi" href="http://.blogspot.com/">Next?</a><br><br>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a><br><br>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a><br><br>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a>
<a class="navi" href="http://.blogspot.com/">Next?</a><br><br>
</center>
</td>
<td id="stuffs" style="display: none;">
<div class="h3">Extras Section</div>
<div class="arrien">You can see my special entries here.</div><br>
<center><img style="border:1px solid #CEECF5; padding:5px;" src="https://68.media.tumblr.com/adc485db05f39824a8384ac0b9615a1c/tumblr_nke7suHGF61sox2y0o2_500.gif" width="400" ></center><br>
<center><blockquote>Replace With Your Own Stuffs</blockquote> </center><br>
<div class="h1">Tutorial</div><br>
<div style="border:1px dashed #CEECF5; width:530px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<a href="<$BlogItemPermalinkURL$>">
<div class="me">
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br><br>
</div></div><br>
<div class="h1">Freebies</div><br>
<div style="border:1px dashed #CEECF5; width:530px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<a href="<$BlogItemPermalinkURL$>">
<div class="me">
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br><br>
</div></div><br>
<div class="h1">Tips & Info</div><br>
<div style="border:1px dashed #CEECF5; width:530px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<a href="<$BlogItemPermalinkURL$>">
<div class="me">
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br><br>
</div></div><br>
<div class="h1">Others</div><br>
<div style="border:1px dashed #CEECF5; width:530px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<a href="<$BlogItemPermalinkURL$>">
<div class="me">
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br>
<a href="">Coming Soon</a><br><br>
</div>
</div>
</td>
<br><br/>
</table>
</body>
</html>