<!-----------------------------------------------
Name : Sky Blue
Theme : Blue
Template by : http://mutizzati-pena.blogspot.com/
Basecode by : http://anugerahsalsa.blogspot.com/ and http://arrienlove.blogspot.com/
*Don't remove the credits or I'll kill you*
-----------------------------------------------!>
<br><html>
</script>
<script type="text/javascript">$('body').hide();$('body').fadeIn(10000);</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script language=JavaScript>
<!--
</script>
<link href='http://fonts.googleapis.com/css?family=Delius' rel='stylesheet' type='text/css'/>
<Br><br><br>
<script type='text/javascript'>
document.ondragstart = function () { return false; }; </script>
<base target='_blank'/>
<title>Sky Blue</title>
<link rel="shortcut icon" href="http://media.tumblr.com/59ec122dc8878ff256aef745ddb470e3/tumblr_inline_mg0q1z9C1c1qdlkyg.gif"/>
<style type="text/css">
#navbar-iframe {
display: none;
}
.b1a4 {
margin-left: 0px;
margin-bottom: -29px;
}
img{
-webkit-user-select:none;-moz-user-select:none;
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC5PJJMADywO5JAfvY1aq8lUl1cyhlNSJ2fTdBfr7agyy28odbOGrW5siizFOBhL1AZiiZKpiMCKwXdE1_CF0-UI1iBmDwasxw_rLXSCCyM2w2_wvreX2tTLQZVNgJkDF0k54k1L-4HiQ/s1600/blue.gif);
background-attachment: fixed;
font-family: Delius;
font-size: 12px;
text-align: left;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMsfScx4QJ_etrFGTiO276wCSUVB4YBnkHPysiodPCDZY6jQyGLo2Ayr6uH_p9M3lIbxwQqNnyzx7WAPHnWsQvu4pqfy8DAZ-Ilsd_MUh-btXcH11FVaGOIi4SIgi1eDJ6U2eyUgJkq1A/s1600/cursor+copy.png),auto;
}
a:link, a:visited {
color: #00CCFF;
text-decoration: none;
-webkit-transition:0.5s;
}
a:hover{
text-decoration: none;
color: #3366FF;
-webkit-transition:0.5s;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk63NdVkv3yfnscHFjoQni7v0VTylsF1DhwxOmU45CIussy_O20x6lVHMuP89nZP-jPkJ25uENu4tStljegkvk-GavAwa_iv2sn7imVtlJPW4GSTTCSj7eC4qGJdMBrKbQ4kxdyfA-7w0/s1600/hover.png),auto;
}
.title {
background:#C0F7FE;
color:#000000;
font-family:Delius;
font-size:14px;
letter-spacing:2px;
text-transform:Capitalize Each Words;
padding:3px;
margin-bottom:0px;
}
.title1 {
margin-top:0px;
background:#fffff;
border:2px solid #C0F7FE;
font-family:Delius;
font-size: 10px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
blockquote{
padding:4px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKhiyoUv_jVmBV6Wg2sJXDq-kBaDSZwiq3_YvLtjb9qk0aFofrcO18XqdzLW4RBHB0pvnp94aKXFj4ScZ5bGY2GpB-_zxLqhWNVvYk9zE_r8h-4cS5EA-lVt2er-DWmd_x4WHO18ZTn2Y/s1600/sparkles.png);
border:1px solid #C0F7FE;
}
blockquote:hover {
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #BBEBFF;
-webkit-box-shadow: 0 0 18px #BBEBFF;
}
.header {
background:#66CCFF;
padding: 15px;
margin-bottom: -20px;
z-index: 100;
position: relative;
width: 900px;
}
.h1 {
padding-left:10px; color: #000; font:15px Delius; line-height: 8px; width: 600px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjlS5q7YD4x2_HNUJUgwUyh_zWHZojs_4HH2DVBxQNC9ARrEKQGJXlde2WiTKG4AdL8DxrS5_Fyn9KbfSXrP8fusme1KSg6ZKMaGk1l6tDet4x_zMJMz4tmSszx44AiY1x8cIBsnZGag/s1600/blue.png); text-align: center; letter-spacing:1px;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
a.myung{
display:inline-block;
width: 285px;
padding:3px;
margin:5px;
background:#E1FFFE;
font:8px Delius;
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}
a.myung:hover{
-webkit-transition-duration: 0.5s; color: #000;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
i , s, strike {
color: #24E0FB;
}
b {
color:#24E0FB;
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #ACF3FD;
-webkit-transition-duration: 1.5s;
}
a.link {
background: #ECFAFF;
padding: 1px;
border: 2px solid #D9F3FF;
width: 80px;
display: inline-block;
color: #ccc;
-webkit-transition: 1s;
text-align: center;
text-transform: uppercase;
font-size: 9px;
line-height: 15px;
margin-bottom: 4px;
font: 12px short stack;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #BBEBFF;
-webkit-transition: 1s;
color: #fff;
}
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color: B5FFFC;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: #B5FFFC;
border: 1px solid #FFFFFF;
}
::selection {
background: #B5FFFC;
color: #fff;
}
u {
text-decoration: none;
border-bottom: 2px solid #C0F7FE;
}
.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://static.tumblr.com/rltvkjt/Bb7lmr3na/gif20.gif") no-repeat 2px .3em;
margin-top: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:3px solid #ACF3FD;
margin:0em;
padding:5px;
color:#808080;
}
li { list-style-image:url(http://i.imgur.com/Gvjmp9Z.gif);
}
li:hover {
list-style-image:
url(http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/1761.gif);
}
#s-m-t-tooltip {
max-width:250px;
background: #ffecfd;/* change the background color */
font-size: 9px;/* change the font size */
line-height: 13px;
font-family: Delius;/* change the font */
letter-spacing: 2px;
text-transform: none;/* can be lowercase, uppercase, none */
color: #818081;/* change the text color */
text-align: center;
text-shadow:1px 1px 0px #feebff,-1px -1px 0px #feebff;
padding: 3px 4px 3px 6px;
display: block;
z-index: 100;
border-radius: 5px;
position: absolute;
margin-top:-22px;
-webkit-box-shadow: 2px 2px 3px #fdd5ff;
-moz-box-shadow: 2px 2px 3px #fdd5ff;
box-shadow: 2px 2px 3px #fdd5ff;
}
.why a:link, .why a:active, .why a:visited
{
width:96px; background: #C3E5FB;
color:#000;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px Short Stack;
font-weight:normal;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:1px solid #C3E5FB;
}
.why a:hover{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff; color: #000;
border-bottom:1px solid #C3E5FB;
}
</style>
<style>
.hyosung{
width:100%;
background:url(http://25.media.tumblr.com/df649b19489b2954788d8856188cdd18/tumblr_movcawwYsM1ru3nbdo1_250.png);
border-bottom:5px solid #8CEFFD;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}
a.jieun{
background:#C0F7FE;
text-decoration:none;
color:#62D0FF;
padding:5px;
font:13px Delius;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}
a.jieun:hover{background:#A8E4FF;
color:#fff;
</style>
<center>
<div style="background:#;width:800px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<img class="b1a4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvXc19xtgVCgWnW4uM0IlKAlTbvTLi0ZUpreua5VE6BLvE25xfT71cg-3wvUMDumaqsE0Kk3WuMjhgLzmaxyQmFSeLwGzL1FJ307y4b9z1v4-HkND_1fIH8Qt2u9ovLccvC-YthbV1Fr8/s1600/blogskins+copytiara.png" />
<center><br>
<div style="background: #FFFFFF;"/>
<br>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" >STUFF</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >LINKIES</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('other').innerHTML" >OTHER</a>
<a class="jieun" href="<$NewerPosts$>">NEWER</a>
<a class="jieun" href="<$OlderPosts$>">OLDER</a>
</div></div>
</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>
<table style="font-size: 11px; color:grey; letter-spacing:1px;line-height: 17px; background: #fff;" width="900" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:250px; padding:10px;">
<div class="title">Owner Here</div><br>
<center>
<center><div style="background:url(YOURBACKGROUND) repeat; border:1px dashed #C3E5FB;padding:5px;width:200px;"> <img style="width:200px;height:140px;" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSAlSADIXCilqB6xfQWF3gGMHENGP6EPv8gpoI60GcT1F4lh7Ec3Q"><br> <div class="why"> <a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">Folllow</a> <a href="http://blogger.com/home">Dashboard</a></center><br>
<center>Hello there. I'm owner this blog. My name is Mutiara Nurul Izzati. Normal human. And, i made this blogskins. I hope u like blue.<br><br><form action="/search" id="searchthis"
method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20"
style="background: #F9FEFF; border: 1px solid #62D0FF;" type="text" value"Search" />
<input id="search-btn" style="background: #F9FEFF; border: 1px solid #62D0FF;
color: #BBEBFF; font-weight: bold;" type="submit" value="Go"><br />
</div>
</form>
</center><br>
<div class="title">Tagboard</div><br>
<center>
<---YOUR CBOX CODE HERE--->
<br>
<br>
</center><br>
<div class="title">Status</div><br>
<center>
<blockquote>My status in here blablabla. And not blablabla. <i> italic </i>. <s> strike </s>. <b> bold </b></blockquote><br>
<br>
<div class="title">Blog Archive</div><br>
<div style="border:1px dashed #75ECFD;background:url(http://i.imgur.com/HEkJgu7.png); width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div><br>
<div class="title">Contact Me</div><br>
<img src="http://media.tumblr.com/84ba79b7c885c2a21940a8b77044ed6f/tumblr_inline_mu8x23FTrw1qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="https://www.facebook.com/" style="font-family: 'Delius';">Your Facebook</a><br>
<img src="http://media.tumblr.com/2921f42fc56cabd49e4ba1201b2cb4ec/tumblr_inline_mu8x25Iv941qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="https://twitter.com/" style="font-family: 'Delius';" width="20">Your Twitter</a><br>
<img src="http://media.tumblr.com/2e8603fe4cf14fe888a3fc824688d77e/tumblr_inline_mu8x26xkT71qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> :<a href="http://instagram.com/" style="font-family: 'Delius';" width="20"> Your Instagram</a><br>
<img src="http://media.tumblr.com/334bc7b18b64b7c74be3020e56561452/tumblr_inline_mu8x23i7Pk1qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="http://blogspot.com/" style="font-family: 'Delius';" width="20">Your Blog</a><br>
</div>
<br>
<div class="title"> Credits</div><br>
</center>
<!------------Dont remove the credit or i kill u-------------!>
© 2014 - Full Template by <a href="http://mutizzati-pena.blogspot.com/">Tiara</a>. The basecode from <a href="http://meiza-maulida.blogspot.com/">Meiza</a> and <a href="http://anugerahsalsa.blogspot.com/">Anugerah <a href="http://www.blogskins.com/me/anugerahsalsa">Salsa</a>. Cute icon from <a href="http://anugerahsalsa.blogspot.com/">Kak Salsa</a>. Big Helped <a href="http://htmledit.squarefree.com/">S</a> <a href="http://novitalesyani28.blogspot.com/2013/08/kode-kode-warna.html">K</a> <a href="http://google.co.id">Y</a>
</div></div></td>
<!------------Dont remove the credit or i kill u-------------!>
<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Blue(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
</p>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKhiyoUv_jVmBV6Wg2sJXDq-kBaDSZwiq3_YvLtjb9qk0aFofrcO18XqdzLW4RBHB0pvnp94aKXFj4ScZ5bGY2GpB-_zxLqhWNVvYk9zE_r8h-4cS5EA-lVt2er-DWmd_x4WHO18ZTn2Y/s1600/sparkles.png); 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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>
<div id="about" style="display: none;">
<div class="title">About The Owner</div><br>
<center><img src="http://data3.whicdn.com/images/91602898/large.gif"width="450"></center>
<div style="text-align: justify;">
<br/>
<u> Basic </u><br><br>
Full Name : Mutiara Nurul Izzati</div>
<div style="text-align: justify;">
Nickname : Tiara</div>
<div style="text-align: justify;">
Born : Kepo ajaa</div>
<div style="text-align: justify;">
Age : Hihi, kepo yaa?</div>
<div style="text-align: justify;">
Address : Blue World</div>
<div style="text-align: justify;">
City : Blue City</div>
<div style="text-align: justify;">
Country : Indonesia</div>
<div style="text-align: justify;">
Hobby's : Writing, reading, drawing, browsing, blogging.</div>
<div style="text-align: justify;">
Fav Colour : Blue.</div>
<div style="text-align: justify;">
<br/>
<blockquote> Put Your Own Profile </blockquote>
</div>
</div>
</table>
<div id="journal" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Blue (s)</a></BlogItemCommentsEnabled></div><$blogitembody$>
</br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKhiyoUv_jVmBV6Wg2sJXDq-kBaDSZwiq3_YvLtjb9qk0aFofrcO18XqdzLW4RBHB0pvnp94aKXFj4ScZ5bGY2GpB-_zxLqhWNVvYk9zE_r8h-4cS5EA-lVt2er-DWmd_x4WHO18ZTn2Y/s1600/sparkles.png); 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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>
<div id="stuff" style="display: none;">
<div class="title">My Tutobies</div><br>
<center><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTw7pCs9ClX2vpjIyy_ckZVhmVpYvuXqv3wbltsb7pi_M_m-WEhvA0bUEJq"width="450"></center><br>
<div class="h1">Tutorial</div><br>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<br>
<br>
<div class="h1">Freebies</div><br>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<br>
<br></div>
<div id="links" style="display: none;">
<div class="title">Let's Exchange!</div><br>
<center><img src="http://data2.whicdn.com/images/91750691/large.gif"width="450"></center><br><br>
<div style="margin-center: 30px;">
<a class="link" href="http://mutizzati-pena.blogspot.com/">Tiara</a>
<a class="link" href="http://anugerahsalsa.blogspot.com/">Salsa</a>
<a class="link" href="http://meiza-maulida.blogspot.com/">Meiza</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
</div>
<div id="other" style="display: none;">
<div class="title">This My Stories</div><br>
<center><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRlJfQskgrSixhkynToBRlD3u3U6OCbQGI6JTlMq9OpOI2DcmOWAg"width="450"></center><br><br>
<div class="h1">My Stories</div><br>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
</div>
<script type="text/javascript">var ACurl = "http://kode-sourceblogtiara.blogspot.com/"; //url redirect</script><script type="text/javascript" src="http://belajarislamituindah.googlecode.com/files/RV-BI3-Protect2.js"></script>
</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byNovita Lesyani***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqpV9iy0Rtf-rJliZkmlrGVTY5bPrRovDdv7ktDmpULq-GVKm09JNUKaEd9Q0ORc08wjIwFCls1ddDgDXy0q0rZexyDcEL9skjHtPh7DYjr_I0zatb3sCQu7yN8t73Rc9xBJeab9BdZkY/s1600/btt+copy.png" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
</html>
