Allah Muhammad
izzati pink worldღ
Pink world owner

Navigation : touch hover image



Diaries Owner Linkies Stuff

Assalamualaikum! Hope you like my blog! Ctrl w if you hate it. Thanks for coming❤
ღIzzati pink worldღ


Owner
Izzati Sarafina Hanis Noorhazerin
19 Jun 2002
Penang ja
Pink forever! Don't make me angry!
Act like a lady, think like a boss
Saya kat sini

RULES

use nice words
Request? Of course you can!
can ask anything about my blog
Please register! So, I can blogwalking to your blog too
No spam here!
Ask for exchange link? Also can!

Kalau dah lama jenguk tu, jangan lupa solat!
Memories

Secret box♥



Pink's menu!!

Pinky world


Navigation
Izzati's novels Izzati's novelistar tips! Izzati's rules

Cara nak buat sroll to top

                                                                         

     Hai dan selamat tengah hari! Hari ni, saya nak ajar Dahlia tutorial cara-cara nak buat scroll to top yang macam saya punya tu!


    Cantikkan? Oklah, sebenarnya, saya pun tak nak buat tutorial ni, tapi bila Dahlia dah minta, saya kenalah ajarkan! Sharing is caring right? So, tanpa membuangkan masa, jom saya nak ajar cara-cara nak buat scroll to top ni!

Mula-mula, korang login akaun blogger korang!
Korang pergi layout and klik add gadjet!
copy ja kode tu dan pastekan dekat situ!
And then tekan save!
 
    Nah, copy kode ni! Sorrylah kalau tak ada blockquote! Tergesa-gesa!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/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 (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="FREEBIES SCROLL TO TOP KORANG" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom 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:'pointer'})
.attr({title:'Scroll Back to Top'})
.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>

     
Yang saya buat warna pink tu, korang letaklah kode freebies korang! So itu sahaja, nah kat bawah ni korang copylah, kalau tak suka, tak apa, boleh ambil dari blog orang lain! Harap berguna! Tak harapkan balasan pun!

 http://1.bp.blogspot.com/-JR0sUHW2tnQ/VKF4SKjvvPI/AAAAAAAADhc/F5mzeZVWX4M/s1600/back%2Bto%2Btop%2Bby%2Bme.png

http://3.bp.blogspot.com/-AKm49TipWQk/UepySVu930I/AAAAAAAAA3k/ou8hzaguMUg/s1600/back+to+top+3.png

http://1.bp.blogspot.com/-GBsVzp_UXM0/Uk_p5dwqVcI/AAAAAAAACEk/hzBHKuaZDOw/s1600/Top+Button+Two2.png

http://1.bp.blogspot.com/-K1o6xce4QQU/UepyVuRUt6I/AAAAAAAAA4Q/coQAHSWUtAw/s1600/back+to+top

HOPE SUKA! ASSALAMUALAIKUM!