________________________________________________________________________________________ selalu kalau kita search kat google tentang button goes up & etc,
mesti keluar yg butang menipu,
yang kalau kita tekan bukan ke atas, tapi bukak new tab
buat apa nak bukak new tab? nnti kena loading balik
*maklumlah line Oon slow sikit
so Oon nak share ngan korang aku jumpa ni
credits Oon ikhlaskan kepada >>LyssaSecret<<
1-(cara bagi blogger biasa)

Log in > Dashboard > Design > Add a Gadget > Html/JavaScript

------------------------------------------------------------------------------------------------------------
<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 IMAGE FLY UP" />',
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>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------

paste kan je code ni dlm tu...
jgn lupa tukar URL IMAGE FLY UP dgn URL yg korang suka...try >>Widget_Index<< comel :)
bagi pengguna Blogskin lak, korang download je mana2 skin
pastu copy perenggan yg ade perkataan scroll to top...

korang perasan tak perkataan ni jadi lebih kecil? entahlah, rasa kelakar gak...selamat mencuba! kalau dah berjaya jgn lupa sebut Alhamdulillah...

PAST ♠ FUTURE

______________________________________________________________________________________________

Mine ;
Name :
Nicknames :
School name :
Birthday :
State : Planet Pluto (Malaysia)
Status :

Likes ;
☆ Kpop
☆ Facebooking
☆ Blogging/Blogwalking
☆ Tweet-ing
☆ Baking
☆ One Direction
☆ Writes Diary

Hates ;
☆ Lazybones a.k.a me
☆ Copypasters (I'm sorry)
☆ People who hate itself
☆ 'pink' cause it taken
☆ Being bullied
☆ Liars

silly

______________________________________________________________________________________________

Sya-Syahirah | Ana Marlina | Ana Min-Ji | First Blog | NurNuruuul :) | Rai | Umar | Nora | Click | ANZ | Snow Pink | Miss Worms | Maybe you? just leave you name in the cbox

______________________________________________________________________________________________

Tutorials

ilmu kita ibarat setitik air di lautan berbanding ilmu Allah :)

Billy mp3 Player

back to top REAL!

10 things need to do when meet him/her

10 things need to do when you made a big problem

find ID for Follow Button

coming soon~

_____________________________________________________________________________________________

Freebies

Cute smiley for cbox

Crayon Background :D

Coming Soon !

Coming Soon !

Older Post | Newer Posts

tutorial back to top real button :)

Monday, 3 September 2012 | 12:16 | kalau ada apa2 nak cite sila comments

selalu kalau kita search kat google tentang button goes up & etc,
mesti keluar yg butang menipu,
yang kalau kita tekan bukan ke atas, tapi bukak new tab
buat apa nak bukak new tab? nnti kena loading balik
*maklumlah line Oon slow sikit
so Oon nak share ngan korang aku jumpa ni
credits Oon ikhlaskan kepada >>LyssaSecret<<
1-(cara bagi blogger biasa)

Log in > Dashboard > Design > Add a Gadget > Html/JavaScript

------------------------------------------------------------------------------------------------------------
<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 IMAGE FLY UP" />',
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>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------

paste kan je code ni dlm tu...
jgn lupa tukar URL IMAGE FLY UP dgn URL yg korang suka...try >>Widget_Index<< comel :)
bagi pengguna Blogskin lak, korang download je mana2 skin
pastu copy perenggan yg ade perkataan scroll to top...

korang perasan tak perkataan ni jadi lebih kecil? entahlah, rasa kelakar gak...selamat mencuba! kalau dah berjaya jgn lupa sebut Alhamdulillah...

<$BlogItemCommentCount$> comment(s)