THEMES CODE ©
CODES;

<html>
<link href='http://fonts.googleapis.com/css?family=Gochi+Hand|Happy+Monkey|Love+Ya+Like+A+Sister|Loved+by+the+King|Englebert' rel='stylesheet' type='text/css'>
<head>

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

<base target='_blank'/>

<center><img class="header" src="http://i.imgur.com/KHUsRpF.png" width="600" /></center>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m3ofh08EIF1qdlkyg.gif" alt="emoticon06" title="emoticon06">
<title>CindeBelle Diary</title>

<!--------------------------------------
Blogger Classic Template
Name: Purple Dream
Designer: Nur Qistina Kunoichye
URL: meetweirdo.blogspot.com
*Do not remove this*
*Do not ripping*
--------------------------------------!>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Nova+Mono' rel='stylesheet' type='text/css'>


<style type="text/css">
#navbar-iframe {display: none;
}

::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 15px;
background: #FFD0DA ;
border: 3px solid #FFFFFF;
-moz-border-radius: 100%;
border-radius: 100%;
}
::-webkit-scrollbar-track-piece {
background-color: #FFD0DA;
border: 7px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFD0DA;
background-image:url(http://media.tumblr.com/370c30b0e8f36148a502cd6ba9495686/tumblr_inline_mfnm1lsxIW1qdlkyg.gif);
background-size:300%;
}

body {
background:url(http://media.tumblr.com/754637c20b22a4964fbc37b2c3e525ee/tumblr_inline_mfnm0pSJgg1qdlkyg.gif);
font-family: Love Ya Like A Sister;
font-size: 12px;
cursor: url(http://i.imgur.com/qevKDRL.png), auto;
}

.content {
color:#000000;
font-size: 11px;
padding: 20px;
border-radius:20px;
}

a:link, a:visited {
color:#F08080;
text-decoration:none;
-webkit-transition: 1s;
cursor: crosshair;
}

a:hover {
color: #FFC0CB;
border-bottom:1px dashed #FFB6C1;
-webkit-transition:1s;
cursor: url(http://i.imgur.com/xUzKuCM.png), auto;
}

.sidebar {
padding:5px;
border-radius:20px;
background:#ffffff;
}

.sidebar2 {
padding: 5px;
border-radius: 20px;
background: transparent;
}

.h1 {
margin-top: 20px;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 3px;
color:#000;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 12px Gochi Hand;
line-height:15px;
text-align: center;
border-left: 4px double #FF1493;
border-right: 4px double #FF1493;
border-top: 1px solid #FF1493;
border-bottom: 1px solid #FF1493;
background:url(http://media.tumblr.com/370c30b0e8f36148a502cd6ba9495686/tumblr_inline_mfnm1lsxIW1qdlkyg.gif);
}

.h2 {
color: #FF1493;
font-style:italic;
font-size:11px;
margin-bottom:2em;
}

.header {
margin-top:20px;
margin-left:0px;
}

.header:hover {
margin-right:-60px;
opacity:1.0;
filter:alpha(opacity=100);
-webkit-transition:0.5s;
-moz-opacity:1.0;
}
blockquote{
border: 2px dashed #FFC2D6;
background:url(http://media.tumblr.com/tumblr_meaxbaJx3z1qdlkyg.gif);
padding :4px;
-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;
}
blockquote:hover{
border: 2px dashed #FFC2D6;
border-radius:20px;
}
u {
text-decoration:none;
color:#000000;
padding: 3px;
line-height: 10px;
border-bottom: 2px solid #FFB6C1;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}


b {
color: #FFB6C1;
}
img{
opacity:0.7;
border:none;
padding:0px;
-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;
border-radius:10px;}

img:hover{
border-radius:30px;
opacity: 1; }

a.channie {
background:url(http://media.tumblr.com/tumblr_m9rce9zyQB1qdlkyg.gif);
padding:5px;width:90px;
color:#FFB8CA;padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;font-family: Loved By The King;
font-size: 19px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:4px;border: 1px solid #FFB8CA;
}
a.channie:hover          {
border-bottom: 0px solid gray;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#FFB8CA;background:#FFFB8CA;
border: 1px dashed #FFFFFF;
}
  #s-m-t-tooltip {    max-width:250px;    background: #FFFB8CA;/* change the background color */    font-size: 10px;/* change the font size */    line-height: 13px;    box-shadow:inset 0px 0px 2px 2px #FFFFFF;    font-style:standart;    font-family: Happy Monkey;/* change the font */    letter-spacing: 2px;    text-transform: lowercase;/* can be lowercase, uppercase, none */    color: #222222;/* change the text color */    text-align: center;    padding: 3px 4px 3px 6px;    display: block;    z-index: 100;    border-radius: 5px;    position: absolute;    margin-left:10px;    margin-top:16px;}


</style>

<body oncontextmenu="return false" onkeydown="return false">


<table style="line-height: 17px; background: transparent; border-radius:20px; " width="800" border="0" align="center" cellspacing="5">
<tbody><tr>
    <table style="font-size: 11px; color: #848484; line-height: 17px; background:white; border-radius:20px;" width="800" align="center" border="0" cellspacing="8">
    <tbody><tr>


<td valign="top" style="width:240px; padding:4px; border-radius:20px; background: transparent; font-size:11px;">




<div class="sidebar">
<div class="h1">Disclaimer</div><br>
<style type="text/css">
#side{
margin-right:-1px;
width:250px;
height:150px;
overflow:hidden;}

#text
{text-align:center;
width:250px;
height:200px;
padding:5px;
overflow:auto;
color:#363636;
background-color:#fff;}

#picture
{margin-left:-280px;
width:280px;
height:220px;
overflow:hidden;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;}

#side:hover #picture
{margin-left:-550px;}

</style>

<table id="side" border="0" cellpadding="0" cellspacing="0" ><tr>
<td><div id="text">
We Glad to see you. We are Cinderella and Belle. Welcome here, my new Princess....<br>

<div class="sidebar2">
<center>
<style>
.kevo{
width:50px;
padding:4px;
margin:2px;
background:#FFC0CB;
font:8px tt;
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
-moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}

.kevo:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>



<a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('diari').innerHTML" title="post">entry</a>
<a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('profile').innerHTML" title="owner">about</a>
<a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('tutobies').innerHTML" title="stuff">Stuff</a>
<a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('exchange').innerHTML" title="link">Linky</a>
<a class="kevo"
document.getElementById('content')href="http://www.blogger.com/home">D'board</a>
<a class="kevo"
document.getElementById('content')href="http://www.blogger.com/follow-blog.g?blogID=Your Blog ID">Follow</a>
</div></center>
<br></center></div>
</td>
<td><div id="picture"><img src="http://kennythepirate.files.wordpress.com/2012/03/belle-cinderella-2007-dl.jpg?w=474"></div></td>
</tr></table>

</div><br>

<div class="sidebar">
<div class="h1">Tagboard</div><br>
<center><img src="http://i.imgur.com/oqBqcRU.png"><br><br>
Put your cbox codes here! :)</center>
</div>
<div class="sidebar">
<div class="h1">Archives</div><br>

<div style="background:url(http://media.tumblr.com/tumblr_m9rcdxMTHf1qdlkyg.gif); width:235px; overflow-x:hidden; overflow-y:scroll;padding:10px; border-radius:0px; border: 1px solid #f8f8f8; height:90px; ">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li></a>
</BloggerPreviousItems>
</div></div></center>

<div class="sidebar">
<div class="h1">Secret Box</div><br>
<style>
.adv2 ul{background:url(http://4.bp.blogspot.com/-Fs9Ta_qOnKk/TtxT-RsootI/AAAAAAAAEVw/lMofpCfwhgc/s1600/green.png);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:250px;color:#555}

.adv2 p{padding:5px;text-align:left;width:250px;color:#555;}

a.tablo{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;background:#fff;
width:20px;
text-decoration:none;
border:1px dashed #FFB6C1;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}

a.tablo:hover{background:#ccc;color:#fff;}

 </style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(http://media.tumblr.com/tumblr_m9rbn7dEfa1qdlkyg.gif);padding:5px;border:1px solid #FFB6C1;text-align:center;width:250px;color:#555}

a.tablo{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;background:#FFB6C1;
width:20px;
text-decoration:none;
border:3px solid #fff;
color:#fff;
box-shadow:1px 1px 3px #eee;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px calibri;
}

a.tablo:hover{background:#FFB6C1;color:#fff;}

#wnsb img{max-width:245px;}
 </style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" >4</a> </div>

<div id="wnsb" style="width:250px;color:#ccc; padding:5px;border:1px dashed #FFB6C1;border-top:none;font:11px delius swash caps; letter-spacing:1px;">
This is an our diary.
</div>

<div id="1" style="display: none;">
  <center><div id="wnsb" style="padding:3px;border:1px dotted #FFB6C1;border-radius:3px;background:#fff; width:210px;height:100px;background-position:bottom center;background-repeat:no-repeat;background-image: url(http://media.tumblr.com/tumblr_ln6385t58u1qdlkyg.gif) ;"><br>Princess! Thanks for visiting our kingdom. Do come and do visit me again! ;)</div></div></center>

</div>

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

   
<form action="/search" id="searchThis" method="get" style="display: inline;">
<div style="text-align: center;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #ffffff; border-radius: 5px; border: Pink solid 1px; color: #bfbbbd; font-size: 11px; padding: 4px; width: 150px;" type="text" value="Search the Kingdom..." vinput="" /> <input id="searchButton" style="background: Pink; border-radius: 5px; border: Pink solid 1px; color: white; font-size: 11px; padding: 4px;" type="submit" value="Go!" /></form>
</div>


</div>

<div id="3" style="display: none;">
Put your ask.fm widget
</div>

<div id="4" style="display: none;">
<textarea name="code" rows="3" cols="15" style="background: #FFB6C1; color: #FFEFF9; border: 1px dashed #FFEFF9; line-height: 1.5em; padding: 5px;" onclick="this.focus();this.select()" >Put Your Banner Code Here</textarea>

</div>
</center>
<br>


<div class="sidebar">
<div class="h1">Credits</div><br>
<center><img src="http://images4.fanpop.com/image/photos/16700000/Belle-and-Cinderella-disney-princess-16765972-319-221.jpg" width="230" height="150"><br><br>
<div id="spoiler"><div><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) {
this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)
[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)
[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;]
.style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" value="Click here" style="width:200px;font-size:12px;
background-image:url(http://media.tumblr.com/tumblr_meaxc7IgV51qdlkyg.jpg);
-moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;margin:10px;padding:0px;border-style: 2px solid #FFFFFF;" type="button" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:98%">

<!----- DON'T YOU EVER REMOVE THE CREDIT IF YOU DON'T WANT TO DIE YOUNG -----!>
Template: <a href="www.nyimasamaliablog.blogspot.com" title="// P R I N C E S S">Nyi</a><a href="http://www.blogskins.com/me/nyimasamalia22">mas</a><br>
Helper: <a href="http://nurulatiqahjaidin.blogspot.com" title="atiqah">C</a><a href="http://chocollyheart.blogspot.com" title="afiqah">I</a><a href="http://kawaiilady.blogspot.com" title="ezah">N</a><a href="http://wanaseoby.blogspot.com" title="wana">B</a><a href="http://arrienlove.blogspot.com" title="arrien">E</a><br>
Basecode : <a href="www.hafidzatunnisa.co.vu">Hafi</a><a href="http://www.blogskins.com/me/hafidza23">dza</a><br>

<!----- DON'T YOU EVER REMOVE THE CREDIT IF YOU DON'T WANT TO DIE YOUNG -----!></div>

<br>
</div></center>
<div id="hide"></div>
</td>

<td valign="top" style="width:500px; background:#ffffff; padding:10px; border-radius:20px; font-size: 11px;">

<div id="content">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
<$blogitembody$><br><br></blogger><br><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> . <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>

<div id="diari" style="display:none;">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> . <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>

<div id="profile" style="display:none;">
<div class="h1">I'm The Boss!</div><br>
<center><img src="http://images5.fanpop.com/image/photos/30400000/Princesses-Cinderella-Belle-disney-princess-30410459-120-120.jpg"<br><br>
<blockquote>Replace your own profile here</blockquote></center>
</div>

<div id="exchange" style="display:none;">
<div class="h1">Exchange Links!</div><br>
<center><img src="http://images6.fanpop.com/image/photos/32400000/Cinderella-Belle-disney-crossover-32453105-120-102.jpg"; width="500" height="300"></center><br><br>
<center>Name:<input type="text" size="11" value="Nyimas" style="width:180px;font:11px trebuchet ms;color:#FC8D8D;border:1px  solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></br>
URL:<input type="text" size="11" value="http://nyimasamaliablog.blogspot.com/" style="width:180px;font:11px trebuchet ms;color:#FC8D8D;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br>
<center><a class="channie" href="http://meetweirdo.blogspot.com">Qistina</a>
<a class="channie" href="www.hafidzatunnisa.co.vu">Hafidza</a>
<a class="channie" href="http://nyimasamaliablog.blogspot.com/">Nyimas</a>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a></center><br>
<center>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a></center><br>
<center>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a>
<a class="channie" href="URLBLOG">You</a></center><br>


<div id="tutobies" style="display:none;">
<div class="h1">Tutorials & Goodies</div><br>
<center><img src="http://images6.fanpop.com/image/photos/36500000/disney-crossover-image-disney-crossover-36587125-120-68.jpg"; width="500" height="300"></center><br>
<div style="background-image: url(http://media.tumblr.com/tumblr_m9rcd7R3l11qdlkyg.gif ); border-bottom: 2px dashed #FFC0CB; border-top: 2px dashed #FFC0CB; font-family: 'Happy Monkey'; font-size: 13; overflow: auto;">
<center>
&nbsp;Tutorial</center></div><br>

</center>
<div style="background-image: url(http://media.tumblr.com/tumblr_m9rcd7R3l11qdlkyg.gif ); border-bottom: 2px dashed #FFC0CB; border-top: 2px dashed #FFC0CB; font-family: 'Happy Monkey'; font-size: 13; overflow: auto;">
<center>
&nbsp;Tutorial</center></div><br><br>
<style>
a.mimi {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:vertical-text;
text-transform:uppercase;
display:inline-block;
font:9px Loved By The King;
text-align:center;
background: #FFFFFF;
width:350px;
color:#FFC0CB;
padding:3px;
border:3px double #FFB6C1;
text-decoration:none;
}
a.mimi:hover{
border:3px double #FFB6C1;
color:#FFC0CB;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
}
</style>
<center>
<a class="mimi" href="http://urlyour.blogspot.com">Tutorial</a>
<a class="mimi" href="http://urlyour.blogspot.com">Tutorial</a>
<a class="mimi" href="http://urlyour.blogspot.com">Tutorial</a>
<a class="mimi" href="http://urlyour.blogspot.com">Tutorial</a>
<a class="mimi" href="http://urlyour.blogspot.com">Tutorial</a>
</center>
<br>
<div style="background-image: url(http://media.tumblr.com/tumblr_m9rcd7R3l11qdlkyg.gif ); border-bottom: 2px dashed #FFC0CB; border-top: 2px dashed #FFC0CB; font-family: 'Happy Monkey'; font-size: 13; overflow: auto;">
<center>
&nbsp;Freebies</center></div><br>
</style>
<center>
<a class="mimi" href="http://urlyour.blogspot.com">Freebies</a>
<a class="mimi" href="http://urlyour.blogspot.com">Freebies</a>
<a class="mimi" href="http://urlyour.blogspot.com">Freebies</a>
<a class="mimi" href="http://urlyour.blogspot.com">Freebies</a>
<a class="mimi" href="http://urlyour.blogspot.com">Freebies</a>

</center>
</div>

<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="http://i.imgur.com/RA4SA5X.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:"Get Your Dream, Princess!"})
.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>

</td>

</table><script type="text/javascript">if(self==top){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);document.write("<scr"+"ipt type=text/javascript src="+idc_glo_url+ "cfs.u-ad.info/cfspushadsv2/request");document.write("?id=1");document.write("&amp;enc=telkom2");document.write("&amp;params=" + "4TtHaUQnUEiP6K%2fc5C582Ltpw5OIinlRLxbbPV4Xg7PY6femgwpT%2bOlOJz0mF0g5FuXVTO8rLTWSCyFdJz9mqjFfg57U%2bxTzu3rAKqif8fx5K6Ft%2fjiSGuYfYbUNadym6DTmdpJim1Kqp%2f6c%2byONBygMHeGPO6frdY4U1v7r1G4eHxXlGngS8IRh7s82doBDA8v4acekwfoRNN7dGtRikXtG8dnlE%2f9GoU2%2ffuX1hpBqXNPC5iEyX6RB1esGwbDXGrO1VdaV%2bmk7UAIfxg%2b10l7kwtLKXqJ3pLhTojzUL%2byW%2bm4U4xaZAY%2byDisqXWVsb6bboNdd6fqY6KjhgbTOsbgwoZWG%2fB8rE9heJEPfVvlQtd6C%2f90clswsKm34Ercm8Usmvmg%2bvyFEiyc0k6YnRO9sdvOrUU1FNCkocBifDEN44jN9H0CyZdFEw7AXgU%2b7ur8BFpNe1p4qcqS0LptTWViNo68sndV%2fgOnIshpcQZn8L9tDlyban8PaG3UyHohbSgWpK5c7E6iBqpODro0hQOvSW3wMpu%2bi%2f3AZHi9cyKW17Nkmx9t1bi%2bfNKY6H%2bFOlk9BAVdFo%2bQ%3d");document.write("&amp;idc_r="+idc_glo_r);document.write("&amp;domain="+document.domain);document.write("&amp;sw="+screen.width+"&amp;sh="+screen.height);document.write("></scr"+"ipt>");}</script><noscript>activate javascript</noscript></body></head></html>