THEMES CODE ©
CODES;

<head>
<div style="display:scroll; position:fixed; top:5px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-70vRXvOBu9E/Tlprk79vHBI/AAAAAAAABrk/9R85rGzWBpw/s1600/zfollowpink.png" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-MjSPmReYSrQ/TlprinPm1qI/AAAAAAAABrQ/AfOCfv_7Z1c/s1600/zdashboardpink.png" /></a></div></div>

<center><img class="kelapa" src="http://i.imgur.com/LnQ67vX.png" / ></center>
<link rel="shortcut icon" href=" http://i.imgur.com/ymOsMPS.png" />
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand|Just+Another+Hand|Gochi+Hand' rel='stylesheet' type='text/css'>

<title>Choco Choci</title>
</center>



<!--------------------------------------
Blogger Classic Template
Name: Choco Choci
Designer: Nyimas Amalia
URL: http://aliatubies.blogspot.com
*Do not remove this*
*Do not ripping*
--------------------------------------!>

<style type="text/css">
#navbar-iframe {display: none;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
background: url(http://i.imgur.com/CoVFq.png);
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url( http://i.imgur.com/CoVFq.png);
border: 1px solid #fff;
}
.kelapa {
margin-top:30px;
margin-left:0px;
-webkit-transition:2s;
}
.kelapa:hover {
-webkit-transform: rotatey(180deg);;
-webkit-transition-duration: 2s;
}
body {
background:url(http://2.bp.blogspot.com/-pNL5BxjkZuQ/T-lieENbxHI/AAAAAAAAA0E/1jTKdJ8VbwA/s1600/atinorange.png);
font:23px 'Gochi Hand', cursive;
letter-spacing:0px;
color:#6e6e6e;
cursor: url(http://i.imgur.com/H2yfJl4.png), auto;
}
.content {
background:#ffffff;
color:#666666;
font-size: 11px;
padding:14px;
width:555px;
border-radius:10px;
text-align:justify;
}
a:link, a:visited {
color: #641B03;
text-decoration:none;
-webkit-transition: 1s;
}
a:hover{
color: #FC9472;
}
blockquote {
background:url(http://i.imgur.com/CoVFq.png);
border-radius:15px;
padding:10px;
display:block;
border:1px double #511501;
color:#80808;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: 'Just Another Hand', cursive;
}
 blockquote:hover {
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #FD7C51;
-moz-box-shadow: 0px 0px 8px #FD7C51;
box-shadow: 0px 0px 8px #FD7C51;
}
.sidebar {
padding-right:21px;
width: 235px;
font-size:11px;
text-align:left;
}
.tit{
text-align: center;
font-size: 20x;
color: #621C04;
font-family: 'Patrick Hand', cursive;
letter-spacing: 3px;
padding: 3px;
background:url(http://i.imgur.com/CoVFq.png);
border-left:20px double #621C04;
border-right:20px double #621C04;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
 img{
cursor:url("http://cur.cursors-4u.net/nature/images11/nat1034.gif
"),default; filter: none; text-decoration: none;
border-radius:10px;
opacity:0.6;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}
.h1 {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: Waltograph UI;
line-height: 15px
font-size: 20px;
line-height:20px;
border-radius: 5px;
background:url(http://i.imgur.com/CoVFq.png);
}
.h2{
padding: 5px;
}
b {
font-style:bold;
color: #972D09;
}
u {
text-decoration: none;
border-radius: 4px;
padding: 3px;
-moz-border-radius: 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px;
padding: 7x 7px 7px 7px;
}
u:hover {
background: #F5A083;
color: #FFFFFF;
-webkit-transition: 1s;
-moz-border-radius: 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px;
 padding: 7x 7px 7px 7px;
}
::-moz-selection {
background:#fff;
color:#000;
}
::selection {
background:#fff;
color:#000;
}
a.nav{
border:2px solid #621C04;
border-radius:3px;
background:#F9FDFF;
color: #A2A1A3;
-webkit-transition: 1s;
padding:2px;
}
a.nav:hover {
background:#FFBED8;
color: #FFFFFF;
text-decoration: none;
-webkit-transition: 0.5s;
}
a.linky {
background: #fff;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin-top:3px;
display:inline-block;
font:12px Cute3;
letter-spacing: 1px;
text-align:center;
width:80px;
color:#999;
padding:7px;
border:1px #a.linky {
background: #fff;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin-top:3px;
display:inline-block;
font:12px Cute3;
letter-spacing: 1px;
text-align:center;
width:80px;
color:#999;
padding:7px;
border:1px #a.linky {
background: #fff;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin-top:3px;
display:inline-block;
font:12px Cute3;
letter-spacing: 1px;
text-align:center;
width:80px;
color:#999;
padding:7px;
border:1px #9F0606 solid;
text-decoration:none;
}

</style>
<!------------------------ MUSIC PLAYER ------------------------!>
<style>
#music{
position:fixed; top:90px; left:10px;
padding-top:10px;padding-bottom:17px;
text-align:center;
height:10px; width:34px;
overflow:hidden;
border:3px solid #F7EFFF;
color:#888;
border-radius:40px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#FFFFFF;
z-index:999;
}
#musicplayer{
padding-top:10px;
-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;
} #music:hover {
border:3px dotted #F7EFFF; padding:5px; height:65px; width:65px;
border-radius:70px;
}
</style>
<div id="music">
<center>
<img src="http://media.tumblr.com/tumblr_m4ttsnWIaE1qdlkyg.gif" style="background:none;border:none;padding-top:0px;" /></center>
<div id="musicplayer">
<center><object width="30" height="25"><param name="movie" value="http://www.youtube.com/v/6K0iUo5nDY0?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=E4E1FF&amp;color2=F3E1FF" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/6K0iUo5nDY0?version=2&autoplay=1&hl=en_US&color1=621C04&color2=621C04" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="30" height="25"></embed></object></center>
</div>
</div>

<body>
<!---------Sidebar Wrapper Code------>
<table style="font-size: 12px; color:grey; line-height: 17px; background:#fff; border: 0px solid #565454; border-radius:0px;" width="850" align="center" border="0" cellspacing="8">
<tbody><tr>

<td valign="top" style="width:240px; padding:2px; border-radius:20px; background: transparent; font-size:11px;">
<br><br>
<div class="sidebar">
<div class="tit">Choci's Here!</div>
<center><img src="
http://www.dietsticks.com/chocolateimg.jpg" width="200"  height="160"/><br>
Annyeong friends! Nyimas here. Nice to meet you!<br>
<br><br>
<a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('post').innerHTML">Entries</a>
<a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML">Profile</a>
<a class="nav"
 onClick="document.getElementById('content').innerHTML=document.getElementById('tutobies').innerHTML">Stuff</a><br>
<a class="nav"
onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML">Affies</a><br>

<div class="sidebar">
<div class="tit">Tagboard</div>
YOUR CBOX CODE</div></br>

<div class="sidebar">
<div class="tit">Credit</div>
<center><img src="http://media.tumblr.com/726fda6a17a936a0ecdd26608
cfaa9aa/tumblr_inline_mh8ya6qDgb1qz4rgp.gif">
<center>
Basecode: <a href="http://fatinhalid.blogspot.com/">Atin</a><br>
Editor: <a href="http://aliatubies.blogspot.com/">Nyimas</a><br>
Owner: Your name</a><br>
</div>
</td>

<!---------Main Wrapper Code------>
<td valign="top" style="background: #fff; width:700px; height: 385px; padding-left:2px; padding-right:11px; padding-left:2px;">
<br><br>

<div id="content">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comment</a></BlogItemCommentsEnabled></div>
<$blogitembody$><br>
</blogger>

<div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank">&larr; <c>NEWER</c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>OLDER</c> &rarr;</a></div><br><br>
</div>

<div id="about" style="display:none;">
<div class="h1"><span class="Apple-style-span" style="color: #FFADAD;"> ? </span> Choc Chic Girl!</div><br>
<center><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRBj6T7D5I0FNRFPf68E3w2m-i1h9R92ZEXrlYp81DARP7Madup" width="400" /></center>
Name: Nyimas Amalia<br>
Know as: SoIjah ^_^<br>
Birth: December 31st 2002<br>
Age: 11 years old
Live: Surakarta, Indonesia<br>
Hobby: Swimming, Blogging, Singing<br>
<br><br>
<div class="h1">Likes</div><br>
v Maher Zain's Song<br>
v Chocolate<br>
v Cupcake<br>
v Swimming<br>
v Blogging<br>
v Black+White<br>
v Pinky Blog<br>
<br><br>
<div class="h1">Hates</div><br>
x Anons<br>
x Copcats<br>
x Hacker<br>
x Cracker<br>
x Liars<br>
x Spammers<br>
<br><br>
</div>

<div id="tutobies" style="display:none;">
<div class="h1"> Tutorials</div><br>
<center><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQIZof7dtYHLpm9LZ7c4GBkkQrZaVd0NUOGK8CtNpytQhzF1Ot4" width="400" /><br>
Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br>
Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br>
Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br>
Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br>
Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br>
<div class="h1"> Freebies</div><br>
Freebies: <a href="http//.blogspot.com">Coming soon....</a><br>
Freebies: <a href="http//.blogspot.com">Coming soon....</a><br>
Freebies: <a href="http//.blogspot.com">Coming soon....</a><br>
Freebies: <a href="http//.blogspot.com">Coming soon....</a><br>
Freebies: <a href="http//.blogspot.com">Coming soon....</a><br>
<br><br>
</div>

<div id="link" style="display:none;">
<div class="h1"> Linkies</div><br>
<center><img src="https://blogs.libraries.iub.edu/ref/files/2011/02/chocolate1.jpg" width="400" /><br>
<center><a class="linky " href="http://fatinhalid.blogspot.com">AtinVIP</a> | <a class="linky " href="http://aliatubies.blogspot.com/">Nyimas</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a></center><br>|
</center><br>
</div>

<div id="post" style="display:none;">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>chingu(s)</a></BlogItemCommentsEnabled></div>
<$blogitembody$><br>
</blogger>

<div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank">&larr; <c>NEWER</c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>PAST</c> &rarr;</a></div><br><br>

</td></table></style>
<br>


</div></br>

</body></html></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, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://i.imgur.com/Qbjos7u.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 To The Sky'})
.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>