<html>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<head>
<base target='_blank'/>
<script type='text/javascript'>
document.ondragstart = function () { return false; }; </script>
<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/AVvXsEgf7mBemv5nb7Xzh5sBoujUU8rm5cbBHw0P6CBZpqT8tyO6eZ67njrExhh59qHtd_xC5AGmSkrLlPBTi99kbGuptMWzOXH96KrXxzrnzNneXEjk4rPzWsU4ZTPTn9glaNVPrTXKXmnqmw/s1600/purple.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:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;})
.attr({title:"Let's Fly High !"})
.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>
<title>Let's Funny!</title>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey|Short+Stack' rel='stylesheet' type='text/css'>
<html>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m2rupnhSSW1qdlkyg.gif">
<style type="text/css">
#navbar-iframe{
display: none;
}
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
background-attachment: fixed;
font-family: Short Stack;
font-size: 11px
letter-spacing:1px;
color:#999;
cursor:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;
}
a:link, a:visited {
color:#e9d6fb;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
}
a:hover{
color: #999;
text-decoration: none;
-webkit-transition:1.2s;
}
::-moz-selection {
background:#f4e8ff;
color:#fff;
}
::selection {
background:#f4e8ff;
color:#fff;
}
.sidebar {
padding-right:21px;
width: 250px;
font-size:11px;
text-align:left;
}
.title {
text-align: center;
font-size: 30px;
color: #585858;
font-family: Short Stack;
letter-spacing: 3px;
padding: 3px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
border-left:20px double #ccc;
border-right:20px double #ccc;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
.title:first-letter { color:#05CF15; }
@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}
blockquote {
padding: 10px 10px 10px 26px;
border:1px dotted #dedede;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_mc45kaLWbB1qdlkyg.gif);
}
h1 {margin-top:10px;
color: #999;
font-size:8px;
font-family:tinytots;
text-align:center;
letter-spacing: 1px;
background:#ecd7ff;
line-height:3pt;
}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
}
::-webkit-scrollbar {
width: 7px;
height: 10px;
background:#fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #e9d1ff;
}
a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
height:10px;
text-decoration:none;
font-family: tinytots;
font-size:8px;
text-transform:uppercase;
color: #000;
background: #EBD5FF;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi:hover{
background: #ebffec;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #000;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
#t3 {
text-transform: ;
background:#f4e8ff;
font: 9px 'trebuchet ms';
text-transform:uppercase;
padding: 2px;
text-align:center;
letter-spacing:5px;
font-style:bold;
color: #000;
margin-top: 10px;
margin-bottom: 10px;
}
h2 {text-align: right; font: 11px 'trebuchet ms'; line-height: 120%; background-image: -webkit-linear-gradient(right, #FFF, #e4cafb, #e9d6fb, #FFF);}
.h2{background: #fff; padding: 6px
}
a.kai {
border:1px solid #EBD5FF;
text-transform:normal;
background:#FFFFFF;
text-decoration:none;
color: #555;
padding: 6px;
font: 10px Short Stack;
margin:5px;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.kai:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #EBD5FF,inset 0px -14px 0px #EBD5FF; color: #fff;
}
</style>
<center>
<div style="display:inline-block;width:790px;padding-top:300px;border-radius:3px 0px 0px 0px;border:3px solid #EBD5FF;border-bottom:none;background-repeat:no-repeat;background: url(http://1.bp.blogspot.com/-fBJ9-hrFxmU/U4FqGmDfWcI/AAAAAAAABgQ/ll41XqtxZ-g/s1600/ozKTy.png);margin-top:15px;"></div><br>
<div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:3px solid #EBD5FF;background-color:#ffff;background-position:center;background-image: url(http://i.imgur.com/ozUAZ.png);">
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRIES</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKIES</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://blogger.com">D`BOARD</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=Your Blog ID">+FOLLOW</a></div></div></div>
<div style="background:none;border-left:40px solid #EBD5FF;border-right:40px solid #EBD5FF;width:600px;height:50px;">
</div>
<table style="margin-bottom:20px;border-radius:17px 17x 17px 17px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px; background:white; border:3px solid #EBD5FF;" width="910" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top"><div class="sidebar">
<div id="t3">Disclaimer</div><h1>Owner</h1>
<center><img src="http://24.media.tumblr.com/tumblr_lq1u5lduCQ1qzbgrio1_400.png" width="200">
CHANGE THIS WITH YOUR OWN<br>
Hate my blog? <a href="javascript:window.close();">Click Here</a></div>
<div id="t3">Chatting Box ;</div><h1>Lets Talk With Me!</h1>
<center><img src="http://data1.whicdn.com/images/15609055/large.jpg" width="200">
<center>Put your CBox code hare.<br></a></div>
<div id="t3">The Secret A Box!</div><h1>Choose One!</h1>
<center>
</style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pMqO7gtSrhbprF0k4gRwEcsynhdJaLtlWcmNOryijT_pLyc8BEBWsDMxT-oi1g9eFoX8f118Il9Wa-Mb6J9rtcH0jYTnBcqxT50TQoVd8ZOQ2yZgNRXIVJfLXzVZ-IWkliS4ZovnZg/s1600/purple.jpg);padding:5px;border:3px solid #e6bbff;text-align:center;width:200px;color:#999}
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:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;
background:#debff9;
width:20px;
text-decoration:none;
border:3px dashed #e6bbff;
color:#fff;
box-shadow:1px 1px 3px #eee;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px uda, short stack;
}
a.tablo:hover{background:#debff9;color:#666;border:3px dotted #e6bbff;}
#ysm img{max-width:245px;}
</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('4').innerHTML" >4</a> </div>
<div id="ysm" style="width:200px;color:#000; padding:5px;border:3px solid #ecdbfc;border-top:none;font-size:11px; letter-spacing:1px;">
<center>Choose One Secret Box!!<center>
</div>
<div id="1" style="display: none;">
<center>Archives</center>
<center><div style="border:1px solid #ecdbfc;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
</center>
<center><center><div id="spoiler"><div><input value="Best Posts" style="width:170px;font:12px uda, short stack;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_igc1s9aZ6Waky64Uxw2T58Y86bIB8WjqbzP1rYGsxStNZ3b9YDRqEerEErFEBpchKLDTFYR0_Z3gEd7I9twzY0WuWhK-TVs2O9bvy15nF9qT5GEx9zaCddt6j-ZmagcFhzdmzm6Y1lY/s1600/oristripe.gif);-moz-border-radius: 5px; border-radius: 5px;margin:13px;padding:0px;border-style: 2px solid #ecdbfc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
- <a href="YOUR LINK POST">TITTLE</a><br>
</div></div></div></center></center>
</div>
<div id="2" style="display: none;">
PUT YOUR CODE BANNER HERE
</div>
<div id="3" style="display: none;">
My Status<br>
<div style="border:2px solid #efefef;background:#fff;border-radius:3px; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px;color:#000;font-weight:bold; height:20px;text-align:left;font-family:short stack;font-size:8px; ">
PUT YOUR STATUS HERE
</div>
</div>
<div id="4" style="display: none;">
Ask ~ <b> YOUR CODE ASK FM
</center>
<div id="t3">Credits</div><h1>Thanks You</h1>
<center><center>Template by : <a href="http://bookloversuper.blogspot.com">Rana</a><a href="http://www.blogskins.com/me/ranazk"> Zakirah</a>,
Basecode by <a href="http://safira-housebook.blogspot.com">Safira </a> and,
Edit by <a href="http://alyarahimah-bloggie.blogspot.com">Alya </a><a href="http://www.blogskins.com/me/alya_rahimah">Rahimah</a><br>
</div>
<td valign="top" style="width:630px; background:none; font-size:11px;"><div id="blog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><br>
<h2><span class="t3">
<span style="text-transform: uppercase">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> comment[s]</a></BlogItemCommentsEnabled>
| <a href="javascript:scroll(0,0)">back to top </a></span></h2>
</blogger>
</div>
</td>
<div id="profile" style="display:none;">
<div id="t3">About Me</div><h1>This is an Owner in this blog.</h1>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmvHE53d87CDWJdfmbPh-sVuxVr09dRj1g9Ip8u0qUsjWWfgkzG8K3DDTy-ZsJR2Rt3v74mD78gNbywSQhvOaXRfYrjR-cqtmjjDEOareBKQ8wdaIqGdOUvWjB5l9QVbZbUzSuV3iXIy8/s1600/tumblr_ltrv8cO76k1r4a0hto1_400_large.png"><br>
<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></center>
<center style="text-align: left;">
Name : <br>
Nick Name : <br>
Age : <br>
Date of Birth : <br>
Place of Birth : <br>
Studying At : <br>
Hobbies : <br><br>
<center style="text-align: left;"><u>Likes</u></center><br>
♥ <br>
♥ <br>
♥ <br>
♥ <br>
♥ <br><br>
<center style="text-align: left;"><u>Dislikes</u></center><br>
X <br>
X <br>
X <br>
X <br>
X <br>
<br /><br/>
<center><blockquote>Change with your own profile</blockquote></center>
</div>
<div id="link" style="display:none;">
<div id="t3">Linkies</div><h1>There are my friend</h1>
<center><img src="http://data.whicdn.com/images/30811131/tumblr_m5o0u0gmBR1qfndl6o1_400_large.jpg"><br><br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
</div>
<div id="stuff" style="display:none;">
<div id="t3">Stuff</div><h1>The tutorial and the freebies</h1>
<center><img src="http://data.whicdn.com/images/31191759/tumblr_m49dihYTrR1qiudzqo1_400_large.jpg"><br><br>
<center>TUTORIAL<center>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<---------------------->
<center>FREEBIES<center>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
</div>
<div id="entry" style="display:none;">
<blogger><div class="t3"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</table>
</body></html>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<head>
<base target='_blank'/>
<script type='text/javascript'>
document.ondragstart = function () { return false; }; </script>
<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/AVvXsEgf7mBemv5nb7Xzh5sBoujUU8rm5cbBHw0P6CBZpqT8tyO6eZ67njrExhh59qHtd_xC5AGmSkrLlPBTi99kbGuptMWzOXH96KrXxzrnzNneXEjk4rPzWsU4ZTPTn9glaNVPrTXKXmnqmw/s1600/purple.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:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;})
.attr({title:"Let's Fly High !"})
.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>
<title>Let's Funny!</title>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey|Short+Stack' rel='stylesheet' type='text/css'>
<html>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m2rupnhSSW1qdlkyg.gif">
<style type="text/css">
#navbar-iframe{
display: none;
}
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
background-attachment: fixed;
font-family: Short Stack;
font-size: 11px
letter-spacing:1px;
color:#999;
cursor:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;
}
a:link, a:visited {
color:#e9d6fb;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png), progress;
}
a:hover{
color: #999;
text-decoration: none;
-webkit-transition:1.2s;
}
::-moz-selection {
background:#f4e8ff;
color:#fff;
}
::selection {
background:#f4e8ff;
color:#fff;
}
.sidebar {
padding-right:21px;
width: 250px;
font-size:11px;
text-align:left;
}
.title {
text-align: center;
font-size: 30px;
color: #585858;
font-family: Short Stack;
letter-spacing: 3px;
padding: 3px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
border-left:20px double #ccc;
border-right:20px double #ccc;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
.title:first-letter { color:#05CF15; }
@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}
blockquote {
padding: 10px 10px 10px 26px;
border:1px dotted #dedede;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_mc45kaLWbB1qdlkyg.gif);
}
h1 {margin-top:10px;
color: #999;
font-size:8px;
font-family:tinytots;
text-align:center;
letter-spacing: 1px;
background:#ecd7ff;
line-height:3pt;
}
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
}
::-webkit-scrollbar {
width: 7px;
height: 10px;
background:#fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #e9d1ff;
}
a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
height:10px;
text-decoration:none;
font-family: tinytots;
font-size:8px;
text-transform:uppercase;
color: #000;
background: #EBD5FF;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi:hover{
background: #ebffec;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #000;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
#t3 {
text-transform: ;
background:#f4e8ff;
font: 9px 'trebuchet ms';
text-transform:uppercase;
padding: 2px;
text-align:center;
letter-spacing:5px;
font-style:bold;
color: #000;
margin-top: 10px;
margin-bottom: 10px;
}
h2 {text-align: right; font: 11px 'trebuchet ms'; line-height: 120%; background-image: -webkit-linear-gradient(right, #FFF, #e4cafb, #e9d6fb, #FFF);}
.h2{background: #fff; padding: 6px
}
a.kai {
border:1px solid #EBD5FF;
text-transform:normal;
background:#FFFFFF;
text-decoration:none;
color: #555;
padding: 6px;
font: 10px Short Stack;
margin:5px;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.kai:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #EBD5FF,inset 0px -14px 0px #EBD5FF; color: #fff;
}
</style>
<center>
<div style="display:inline-block;width:790px;padding-top:300px;border-radius:3px 0px 0px 0px;border:3px solid #EBD5FF;border-bottom:none;background-repeat:no-repeat;background: url(http://1.bp.blogspot.com/-fBJ9-hrFxmU/U4FqGmDfWcI/AAAAAAAABgQ/ll41XqtxZ-g/s1600/ozKTy.png);margin-top:15px;"></div><br>
<div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:3px solid #EBD5FF;background-color:#ffff;background-position:center;background-image: url(http://i.imgur.com/ozUAZ.png);">
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRIES</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKIES</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://blogger.com">D`BOARD</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=Your Blog ID">+FOLLOW</a></div></div></div>
<div style="background:none;border-left:40px solid #EBD5FF;border-right:40px solid #EBD5FF;width:600px;height:50px;">
</div>
<table style="margin-bottom:20px;border-radius:17px 17x 17px 17px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px; background:white; border:3px solid #EBD5FF;" width="910" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top"><div class="sidebar">
<div id="t3">Disclaimer</div><h1>Owner</h1>
<center><img src="http://24.media.tumblr.com/tumblr_lq1u5lduCQ1qzbgrio1_400.png" width="200">
CHANGE THIS WITH YOUR OWN<br>
Hate my blog? <a href="javascript:window.close();">Click Here</a></div>
<div id="t3">Chatting Box ;</div><h1>Lets Talk With Me!</h1>
<center><img src="http://data1.whicdn.com/images/15609055/large.jpg" width="200">
<center>Put your CBox code hare.<br></a></div>
<div id="t3">The Secret A Box!</div><h1>Choose One!</h1>
<center>
</style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pMqO7gtSrhbprF0k4gRwEcsynhdJaLtlWcmNOryijT_pLyc8BEBWsDMxT-oi1g9eFoX8f118Il9Wa-Mb6J9rtcH0jYTnBcqxT50TQoVd8ZOQ2yZgNRXIVJfLXzVZ-IWkliS4ZovnZg/s1600/purple.jpg);padding:5px;border:3px solid #e6bbff;text-align:center;width:200px;color:#999}
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:url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur),auto;
background:#debff9;
width:20px;
text-decoration:none;
border:3px dashed #e6bbff;
color:#fff;
box-shadow:1px 1px 3px #eee;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px uda, short stack;
}
a.tablo:hover{background:#debff9;color:#666;border:3px dotted #e6bbff;}
#ysm img{max-width:245px;}
</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('ysm').innerHTML=document.getElementById('4').innerHTML" >4</a> </div>
<div id="ysm" style="width:200px;color:#000; padding:5px;border:3px solid #ecdbfc;border-top:none;font-size:11px; letter-spacing:1px;">
<center>Choose One Secret Box!!<center>
</div>
<div id="1" style="display: none;">
<center>Archives</center>
<center><div style="border:1px solid #ecdbfc;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
</center>
<center><center><div id="spoiler"><div><input value="Best Posts" style="width:170px;font:12px uda, short stack;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_igc1s9aZ6Waky64Uxw2T58Y86bIB8WjqbzP1rYGsxStNZ3b9YDRqEerEErFEBpchKLDTFYR0_Z3gEd7I9twzY0WuWhK-TVs2O9bvy15nF9qT5GEx9zaCddt6j-ZmagcFhzdmzm6Y1lY/s1600/oristripe.gif);-moz-border-radius: 5px; border-radius: 5px;margin:13px;padding:0px;border-style: 2px solid #ecdbfc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
- <a href="YOUR LINK POST">TITTLE</a><br>
</div></div></div></center></center>
</div>
<div id="2" style="display: none;">
PUT YOUR CODE BANNER HERE
</div>
<div id="3" style="display: none;">
My Status<br>
<div style="border:2px solid #efefef;background:#fff;border-radius:3px; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px;color:#000;font-weight:bold; height:20px;text-align:left;font-family:short stack;font-size:8px; ">
PUT YOUR STATUS HERE
</div>
</div>
<div id="4" style="display: none;">
Ask ~ <b> YOUR CODE ASK FM
</center>
<div id="t3">Credits</div><h1>Thanks You</h1>
<center><center>Template by : <a href="http://bookloversuper.blogspot.com">Rana</a><a href="http://www.blogskins.com/me/ranazk"> Zakirah</a>,
Basecode by <a href="http://safira-housebook.blogspot.com">Safira </a> and,
Edit by <a href="http://alyarahimah-bloggie.blogspot.com">Alya </a><a href="http://www.blogskins.com/me/alya_rahimah">Rahimah</a><br>
</div>
<td valign="top" style="width:630px; background:none; font-size:11px;"><div id="blog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><br>
<h2><span class="t3">
<span style="text-transform: uppercase">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> comment[s]</a></BlogItemCommentsEnabled>
| <a href="javascript:scroll(0,0)">back to top </a></span></h2>
</blogger>
</div>
</td>
<div id="profile" style="display:none;">
<div id="t3">About Me</div><h1>This is an Owner in this blog.</h1>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmvHE53d87CDWJdfmbPh-sVuxVr09dRj1g9Ip8u0qUsjWWfgkzG8K3DDTy-ZsJR2Rt3v74mD78gNbywSQhvOaXRfYrjR-cqtmjjDEOareBKQ8wdaIqGdOUvWjB5l9QVbZbUzSuV3iXIy8/s1600/tumblr_ltrv8cO76k1r4a0hto1_400_large.png"><br>
<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></center>
<center style="text-align: left;">
Name : <br>
Nick Name : <br>
Age : <br>
Date of Birth : <br>
Place of Birth : <br>
Studying At : <br>
Hobbies : <br><br>
<center style="text-align: left;"><u>Likes</u></center><br>
♥ <br>
♥ <br>
♥ <br>
♥ <br>
♥ <br><br>
<center style="text-align: left;"><u>Dislikes</u></center><br>
X <br>
X <br>
X <br>
X <br>
X <br>
<br /><br/>
<center><blockquote>Change with your own profile</blockquote></center>
</div>
<div id="link" style="display:none;">
<div id="t3">Linkies</div><h1>There are my friend</h1>
<center><img src="http://data.whicdn.com/images/30811131/tumblr_m5o0u0gmBR1qfndl6o1_400_large.jpg"><br><br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<a class="kai" href="http://nafaraisya.blogspot.com">Friends</a>
<br>
</div>
<div id="stuff" style="display:none;">
<div id="t3">Stuff</div><h1>The tutorial and the freebies</h1>
<center><img src="http://data.whicdn.com/images/31191759/tumblr_m49dihYTrR1qiudzqo1_400_large.jpg"><br><br>
<center>TUTORIAL<center>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<---------------------->
<center>FREEBIES<center>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
<li> <a href="url.blogspot.com">Coming Soon</a><br>
</div>
<div id="entry" style="display:none;">
<blogger><div class="t3"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</table>
</body></html>