pinky flower
Annisa's Story
Hello

I II III IV V VI

Love is the answer, and you know that for sure; Love is a flower, you've got to let it grow. I'm Annisa Ismiyani Putri; Enjoy my blog


Archive

Do Click This Two Icon
Contact Me
Contact me at...
: Annisa Ismiyani Putri
: AnnisaIsmiyani
: annisaismiyani

Monster Talk



credit

© Template by Ika original from AtiqahJaidin. Re-edited by AnnisaIsmiyani



Chibi Time
Tutorial Memasang Jquery Top Button
Thursday, July 3, 2014 | 0 comments

Hai ! hari ini aku akan ngepost tentang tutorial memasang Jquery Top Button. Jquery top button itu adalah tombol yang muncul waktu kita scroll ke bawah, dan kalo kita klik tombolnya, kita akan dibawa kembali keatas :D kalo mau liat contohnya, liat di blogku. gambarnya yang kucing ^^
Oke, gak perlu lama-lama. yuk kita mulai
Untuk Template Biasa
1. Sign in akun blog
2. Pada dashboard, pilih Tata Letak > Add a gadget
3. Pilih yang HTML/Javascript
4. Copy kode dibawah ini, lalu klik Save

Untuk Blogskin
1. Sign in akun blog
2. Pada dashboard, pilih Template > Edit HTML
3. Copy code dibawah ini, lalu paste dibawah kode </style>  atau dibawah kode <head>  atau diatas kode </html>  (pilih salah satu diantara 3 pilihan itu kalo tidak terjadi perubahan ._.)

<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 bymizzikastories.blogspot.com***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: 'URL IMG back to top kamu" />',
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:'Ganti dengan judul sesuai keinginanmu'})
.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>

Ungu : ganti dengan URL gambar yang kamu mau
Orange : ganti dengan judul/kata-kata sesuai keinginan kamu

Thank you for visiting ! silahkan tunggu postingan selanjutnya ya :)