Tuesday, August 8

I'm active on blog (again) and New Content

 




After taking a long break on blogging, I would like to announce that I'm going to be active on this site agin. Well, maybe not too active (because I have a lot going on right now) but I will surely stay posting for you guys (my favourite 7 followers who always with me). And as you see, my writing has become different than how it used to be. Yela, dulu saya buat dalam Bahasa Melayu, tiba-tiba lama menghilang mai omputih pulak hihi. 


I know it's not really a bright decision because nobody in this modern world use blogspot.com anymore. They all have moved to WordPress and Reddit, me think. but whatever, i like the quiet and nobody-give-a-damn environment blogspot always provide.

Anyway, about the new content, im thinking about life update. College, daily struggles, slice of life and whatnot. Im not gonna do tutorials anymore since i have forgot everything and seems like a lot has change while im gone. So i'll just write and ignore the meltdown of my blog i used to establish. 

welcome to my online journal :)






Tuesday, December 20

Tutorial Back To Top Jquery


Hye guys! Leva here ^.^ So today I would like to teach you back to top jquery. Example :


When you press the button, it will go up until you reach the top of the blog

1. Copy this code
<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- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL TOP BUTTON" />',
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'})
.attr({title:'Scroll Back to Top'})
.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>
So the green colour, you can filled it with your fav top button URL. Beautiful and cute top button can find at HERE 
She had freebies and all

2. Go to Dashboard > Layout > Add Gadget > HTML/Javascript

3. Paste the code you copied

4. Save and check it out

If there had any problems, please comment down here

More tutorials at TUTORIAL