<html>
<link rel="shortcut icon" href="http://static.tumblr.com/rltvkjt/pGPlmr3zi/pear.gif">
<link href='http://fonts.googleapis.com/css?family=Handlee|Delius+Swash+Caps|Englebert|Ribeye+Marrow|Sacramento' rel='stylesheet' type='text/css'>
<head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<body oncontextmenu='return false;'>
<title><$BlogPageTitle$></title>
<style type="text/css">
#navbar-iframe {
display: none;
}
::-webkit-scrollbar {height:6px;width:6px;background: #ffffff;}::-webkit-scrollbar-thumb {background-color: #c3fbdd;-moz-border-radius: 0px;border-radius: 0px;}
body{
background:url(http://25.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png)fixed;
font-family: 'Delius Swash Caps';
font-size: 12px;
cursor:url(http://cur.cursors-4u.net/cursors/cur-9/cur820.cur),auto;
}
img{
background:#;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
padding:4px;
border-radius:30px;
opacity:0.7;
border-bottom: none;
border-right: none;
}
img:hover{
border-radius:20px;
opacity:0.9;
}
a:link, a:visited {
color: #000;
text-decoration: none;
font-family: 'Delius Swash Caps';
}
a:hover{
text-decoration: none;
text-decoration:line-through;
color: #bdfbcc;
cursor:url(http://i.imgur.com/PBNon.png),auto;
}
.h1 {
color: #000;
font-family: 'Sacramento';
font-size:25px;
line-height:17px;
text-align: left;
background: #ebffec;
text-transform:capitalize;
letter-spacing: 1px;
padding:5px;
border:2px dashed #ccf1cf;
}
.h2 {
font-size:9px;
letter-spacing: 2px;
line-height:16px;
color: #8E8E8E;
text-align: right;
background: #fff;
}
.h3 {
font-family: 'Sacramento';
font-size:21px;
letter-spacing: 2px;
text-transform:capitalize;
line-height:16px;
color: #888;
text-align: Center;
background: #fff;
border: 2px dashed #ccf1cf;
padding:5px;
border-radius: 20px 20px 0 0;
}
.sidebar{
background: #ebffec;
border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
border-left: 2px dashed #ccf1cf;border-right: 2px dashed #ccf1cf;border-bottom: 2px dashed #ccf1cf;
padding:10px;
}
blockquote{
background:url(http://users.dakotacom.net/~trish/peachies-collection/peach_files/bugs/greensparkle.gif);
background-repeat:no-repeat;
background-position:100% 95%;
font-family: 'Englebert';
padding:10px;
border-left:20px solid #c3fbcf;
border-right:1px dashed #c3fbcf;
border-top:1px dashed #c3fbcf;
border-bottom:1px dashed #c3fbcf;
-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;
color:#555;
}
blockquote:hover{
background: none;
border-left:1px dashed #c3fbcf;
border-right:20px solid #c3fbcf;
color:#555;
}
::-moz-selection {
background:transparent;
color: #c3fbc6;
}
::selection {
background:transparent;
color: #c3fbc6;
}
u {
text-decoration: none;
border-bottom: 2px solid #caffd5;
}
.header {
margin-bottom:-33px;opacity:1;
}
li { list-style-image:url(http://media.tumblr.com/adfbf9ae1f9be2e3e26ec958ff1aed9f/tumblr_inline_mkhtrqXF4v1qz4rgp.png);}
li:hover { list-style-image:url(http://media.tumblr.com/eb427251fe5bf36228065de86abcf9a5/tumblr_inline_mkht9pK1ks1qz4rgp.png);}
span.comment-icon{display:none}
#comments h4 {margin:1.8em 0; font-size:12px; text-transform:capitalize; color: #aaaaaa; line-height:10px; border-bottom: 1px dashed #aef8be; background: ; font-weight:normal;}
#comments h4 strong {font-size:11pt;}
#comments-block {font-size:10pt; font-family: 'Delius Swash Caps';line-height:1.2em; padding:4px;}
#comments-block dt { margin:.5em 0;}
#comments-block dd { margin:.25em 0 0;}
#comments-block dd p {margin:0 0 .75em; padding:4px; background:#ebffec; border:1px dashed #aef8be; border-radius:5px;}
.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 100%;}
a.jieun{background:#FFF;
color:#c3fbdd;
padding:1px;
font-size:13px;
font-family: 'Handlee';
display:inline-block;
width:60px;
border-radius:10px;
border:1px dashed #c3fbdd;
margin-bottom:5px;
text-align:center;}
a.jieun:hover{background:#c3fbdd;color:#fff;border:1px dashed #fff; }
.ch-grid {
margin: 0px 0 0 0;
padding: 0;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
.ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 220px;
height: 220px;
display: inline-block;
margin: 0px;
}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor:vertical-text;
box-shadow:
inset 0 0 0 13px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ch-img{
background-image: url(http://i.imgur.com/qPQqV5W.jpg);
background-position:50% 50%;
background-size:330px;
}
.ch-info {
position: absolute;
background: url(http://i.imgur.com/qPQqV5W.jpg) D9E8FC;background-position:50% 50%;
width: inherit;
height: inherit;
border-radius: 50%;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden;
}
.ch-item:hover {
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.1),
0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.ch-item:hover .ch-info p {
opacity: 1;
}
a.channie {
font-size: 12px;
font-family: 'Delius Swash Caps';
display:inline-block;
text-align:center;
width: 70px;
color: #d9d9d9;
background:#ebffec;
border: 2px dashed #bafdd8;
padding:3px;
margin:2px;
text-decoration: none;
}
a.channie:hover {
display:inline-block;
text-align:center;
width: 70px;
color: #c3fbd7;
background:#fff;
border: 2px dashed #bafdd8;
}
</style>
<thead>
<center><div style="margin-top:-10px;background:none;border-left:50px solid #ccf1cf;border-right:50px solid #ccf1cf;width:650px;height:50px;"></div></center>
<tr>
<table style="background: url(http://i.imgur.com/P3g5T.png)fixed; border: 2px solid #ccf1cf;" width="850" align="center" border="0" cellspacing="0">
<td valign="top" style="line-height:15px; width:600px; padding:5px;padding-left:0px;">
<img src="http://i.imgur.com/Y55yudz.gif" style="background:transparent;padding-left:0px;margin-bottom:-10px;border:none;" width="600"></td>
<td valign="top" style="border-left: 1px dashed #ccf1cf; width:250px; padding:5px;"><center>
<img src="http://i.imgur.com/ZM04Qv3.gif" width="200" style="margin-bottom:3px;"><br>
<a class="jieun" onclick="document.getElementById('body').innerHTML=document.getElementById('1').innerHTML">Entry</a>
<a class="jieun" onclick="document.getElementById('body').innerHTML=document.getElementById('2').innerHTML">About</a>
<a class="jieun" onclick="document.getElementById('body').innerHTML=document.getElementById('3').innerHTML">Shout</a>
<a class="jieun" onclick="document.getElementById('body').innerHTML=document.getElementById('4').innerHTML">Exchange</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=YourBlogID<$BlogID$>">Follow</a>
<a class="jieun" href="http://www.blogger.com/home">D'Board</a>
<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="Search Here" style="font-size: 12px;color:#888;"/>
<input id="search-btn"src="http://media.tumblr.com/736cc12150cbc62a7d9d3caae8568825/tumblr_inline_mki8y68Nmq1qz4rgp.png" style="padding:0px; margin-bottom:-5px;" type="image" value="Search"/></div></form><br>
</center></td>
</table>
</tr></thead>
<br>
<body>
<table style="color:grey; font-size: 12px; letter-spacing:1px; line-height: 17px;" width="850" align="center" border="0" cellspacing="0">
<tbody><tr>
<td valign="top" style="line-height:15px;width:250px; padding:10px;">
<ul class="ch-grid">
<li><div class="ch-item ch-img">
<div class="ch-info">
<center>
<div style="margin-top:50px;width:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNs9O-eDi23MvPAkFb8RpbEsY75ovwRKNkg2MYhLlD6q31NSn5uMF5W-LNkXjwpGgG042g6IDds46-N7m8HWsrjFg6jQQDjcdjjK5sdKWm3CH12JJOzTRxDDxXLFah0NWwwyJeCCCaQ2I/s1600/sparkles.png); border-radius:10px;text-align:center;padding:15px;opacity:0.8;height:92px;" scrolling="auto">
Hi... Welcome to my blog. Bla..bla...bla... add your own words !
<br><br>
<iframe src="http://cutekawaiijurishi-widgets.webs.com/Cute%20Clocks/Green%20Clock.htm" width="60" height="14" scrolling="no" frameborder="no" allowtransparency="true" border="0" framespacing="0"></iframe>
</div>
</center>
</div>
</div>
</li>
</ul>
<br>
<div class="h3">The Owner</div>
<div class="sidebar">
<center><img src="http://i.imgur.com/uqQbP34.gif" width="200"></center>
<center>Hi, I'm Salsa. Thirteen years old.<br> I live in Jakarta, Indonesia.<br> And bla..bla...bla... add your own profile !</center>
</div>
<br>
<div class="h3">Contact Me</div>
<div class="sidebar">
<center><img src="http://i.imgur.com/YvaYYQO.jpg" width="200"></center>
Contact me at...<br>
<img src="http://media.tumblr.com/88c93ec84c61e48f6307b0b8ac04044b/tumblr_inline_mg1aehY8lg1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL YOUR FACEBOOK" style="font-family: 'Delius Swash Caps';">Your Facebook's Name</a><br>
<img src="http://media.tumblr.com/tumblr_mdpf51Ryrn1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL YOUR TWITTER" style="font-family: 'Delius Swash Caps';" width="20">Your Twitter's Name</a><br>
<img src="http://skins.ow2.org/skins/skinOW2/images/tumblr_icon.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL YOUR TUMBLR" style="font-family: 'Delius Swash Caps';">Your Tumblr's Name</a><br>
<img src="http://media.tumblr.com/0996ab12f44219dbee0e32a80dc7a84e/tumblr_inline_mg1aeoxr2j1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : Your Instagram's Name<br>
<img src="http://media.tumblr.com/tumblr_m4i8d1Kpz21qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : your_email@blabla.com<br>
</div>
<br>
<div class="h3">credits</div>
<div class="sidebar">
<center><img src="http://i.imgur.com/U9bwYyT.jpg" width="200">
Skins By : <a href="http://www.blogskins.com/me/anugerahsalsa">Anugerah</a><a href="http://www.anugerahsalsa.co.vu/"> Salsa</a><br>
Basecode By : Cezzy<br>
Others By : <a href="http://tumblr.com/">♥</a> <a href="http://google.com/">♥</a> <a href="http://favim.com/">♥</a> <a href="http://applepine.chu.jp/">♥</a><br>
Blog's Owner: Your Name<br>
</center>
</div>
</td>
<td valign="top" style="width:600px; padding:10px; border-radius: 50px; background:#fff; border: 2px dashed #ccf1d7;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNs9O-eDi23MvPAkFb8RpbEsY75ovwRKNkg2MYhLlD6q31NSn5uMF5W-LNkXjwpGgG042g6IDds46-N7m8HWsrjFg6jQQDjcdjjK5sdKWm3CH12JJOzTRxDDxXLFah0NWwwyJeCCCaQ2I/s1600/sparkles.png) fixed;">
<center><img src="http://applepine.chu.jp/line/sen/tenki400.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;"/></center>
<div id="body">
<blogger>
<div class="h2"><img src="http://media.tumblr.com/tumblr_m4ts45jS4l1qdlkyg.gif" style="border:none;box-shadow:none;border-radius:0px;padding:0px;"/> <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"><$BlogItemCommentCount$> Dust(s)</a></div>
<div class="h1"><img src="http://applepine.chu.jp/icon/sen/tenki8.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>
<$BlogItemBody$>
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="Comments"></a><h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><img src="http://media.tumblr.com/tumblr_lkl5ueZCY01qfamg6.gif" style="border:none;border-radius:0px;background:transparent;padding:0px;"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
</BlogItemComments>
<$CommentPager$>
<br><$BlogItemCreate$>
</dl>
</div>
</ItemPage>
<!-- End #comments -->
</blogger>
<br>
<center><NewerPosts><a href="<$NewerPosts$>"><img src="http://i237.photobucket.com/albums/ff19/rebeccacream/Sozai%20and%20Website/go4.png" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:left;"/></a></NewerPosts>
<a href="URL YOUR BLOG"><img src="http://i237.photobucket.com/albums/ff19/rebeccacream/Sozai%20and%20Website/home4-1.png" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;"/></a>
<OlderPosts><a href="<$OlderPosts$>"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOIp8TgOdXZH_3_QKGos8qsEY0qZeEWF1B3n0G0tLxaYKFfPbTUX4d6eU4YaB2rq4gLDqdpqfMsZ8OBrWnz5YC9YIVzjbbbMc00ZNo3DlB2kMxft5zxui9Ao-h15ek1h63TyrXDipyZto/s1600/green+copy.png" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:right;"/></a></OlderPosts></center>
</div></td>
</tr>
</tbody>
</body>
<div id="1" style="display: none;">
<blogger>
<div class="h2"><img src="http://media.tumblr.com/tumblr_m4ts45jS4l1qdlkyg.gif" style="border:none;box-shadow:none;border-radius:0px;padding:0px;"/> <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"><$BlogItemCommentCount$> Cloud(s)</a></div>
<div class="h1"><img src="http://applepine.chu.jp/icon/sen/tenki8.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>
<$BlogItemBody$>
</blogger>
<br>
<center><NewerPosts><a href="<$NewerPosts$>"><img src="http://i237.photobucket.com/albums/ff19/rebeccacream/Sozai%20and%20Website/go4.png" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:left;"/></a></NewerPosts>
<a href="URL YOUR BLOG"><img src="http://i237.photobucket.com/albums/ff19/rebeccacream/Sozai%20and%20Website/home4-1.png" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;"/></a>
<OlderPosts><a href="<$OlderPosts$>"><img https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOIp8TgOdXZH_3_QKGos8qsEY0qZeEWF1B3n0G0tLxaYKFfPbTUX4d6eU4YaB2rq4gLDqdpqfMsZ8OBrWnz5YC9YIVzjbbbMc00ZNo3DlB2kMxft5zxui9Ao-h15ek1h63TyrXDipyZto/s1600/green+copy.pnghttp://i870.photobucket.com/albums/ab266/whateverfanfan/dblue.gif" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:right;"/></a></OlderPosts></center>
</div>
<div id="2" style="display: none;">
<div class="h2"><img src="http://media.tumblr.com/tumblr_m4ts45jS4l1qdlkyg.gif" style="border:none;box-shadow:none;border-radius:0px;padding:0px;"/>Lady Behind The Screen</div>
<div class="h1"><img src="http://applepine.chu.jp/icon/sen/tenki8.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;">About Me</div><br>
<center><img src="http://i.imgur.com/2axRCKm.gif"></center><br>
Name : Anugerah Mullia Ulfa Salsabella<br>
Nickname : Salsa (삸아) <br>
Korean Name : Hwang Min Byul (황 민 뷸)<br>
<br>
Born in the date of : 06 June 2000<br>
Place of birth : Seoul, South Korean<br>
Stay : Jeju Island<br>
<br>
Hobby : Listen the SNSD Music <br>
Ambition : Luiding Travelers <br>
<br>
Love / Favorites: -<br>
Hate / Antis : -<br>
(Change this all with yours)
<br>
</div>
<div id="3" style="display: none;">
<div class="h2"><img src="http://media.tumblr.com/tumblr_m4ts45jS4l1qdlkyg.gif" style="border:none;box-shadow:none;border-radius:0px;padding:0px;"/> This is The Place You can Ask or Chat with Me!</div>
<div class="h1"><img src="http://applepine.chu.jp/icon/sen/tenki8.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;">Chat Here !</div><br>
<center> Put Your Cbox code here! </center>
<br> <br>
<div class="h2"><img src="http://media.tumblr.com/tumblr_m4ts45jS4l1qdlkyg.gif" style="border:none;box-shadow:none;border-radius:0px;padding:0px;"/> Ask anything you want on here !</div>
<div class="h1"><img src="http://applepine.chu.jp/icon/sen/tenki8.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;">Ask Me !</div><br>
<center> Put Your Ask.fm code here! </center>
</div>
<div id="4" style="display: none;">
<div class="h2"><img src="http://media.tumblr.com/tumblr_m4ts45jS4l1qdlkyg.gif" style="border:none;box-shadow:none;border-radius:0px;padding:0px;"/> This Is My Beloved Friends!</div>
<div class="h1"><img src="http://applepine.chu.jp/icon/sen/tenki8.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;">Friends</div><br>
<center><img src="http://i.imgur.com/yX97jYE.gif"></center>
<br><center>Name: <input type="text" size="11" value="Salsa" style="font-family: 'Englebert';font-size: 12px;width:180px;color:#888;border:1px dashed #ccf1dc;margin-right:10px;background:transparent;padding:2px;border-bottom:1px solid #ccf1dc;" onclick="this.focus()" onfocus="this.select()">
URL: <input type="text" size="11" value="http://www.anugerahsalsa.co.vu/" style="font-family: 'Englebert';font-size: 12px;width:180px;color:#888;border:1px dashed #ccf1dc;background:transparent;padding:2px;border-bottom:1px solid #ccf1dc;" onclick="this.focus()" onfocus="this.select()"></center>
<br><center>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
<a class="channie" href="URLBLOG">Friend</a>
</center>
</div>
</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="https://lh4.googleusercontent.com/-2vvAYxnLRTA/T68Vc2ShbSI/AAAAAAAAAtI/mWweb7Rtu3g/s54/SH%2521%2520button1.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:'crosshair'})
.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>
</html>
