Senin, 08 Juli 2013
MEMASANG WIDGET BACK TO TOP DENGAN GAMBAR KIRITO
1.MASUK KE AKUN BLOGGER SOBAT
2.KLIK TATA LETAK
3.TAMBAH GADGET
4.PILIH HTML JAVA SCRIPT
5.COPY KAN KODE BERIKUT
<!--Back to top script by dynamicdrive.com and acep-computer-science.blogspot.com-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
<!-- hapus script kode berwarna biru di atas jika template anda sudah memasang jquery-->
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Advanced modification by acep-computer-science.blogspot.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 200]},
controlHTML: '<img src="http://dc480.4shared.com/img/Ys-U-cO7/s7/kirito_j.png?async&0.00916755641810596" />',
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 //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()!='') //khusus versi IE6 ke bawah untuk loose check, juga untuk melihat apakah control mengandung teks
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- perlu diset witdh yang jelas agar kontainer text terbentuk dengan rapi
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<!--Back to top script by dynamicdrive.com and acep-computer-science.blogspot.com end-->
"url yang berwarna merah bisa di ganti dengan gambar yang anda suka" kalau url di atas gambarnya kirito.
Langganan:
Posting Komentar (Atom)
Diberdayakan oleh Blogger.
Archive
Cari ...
jam
Kategori
Anime
(7)
Devil Survivor2
(1)
Donganronpa
(1)
Download
(7)
Download Game
(2)
Game
(5)
info PC
(4)
Kode Musik Blog
(8)
komputer
(10)
Lain-lain
(4)
Materi
(4)
Moto GP
(3)
Naruto
(3)
Perbaikan Komputer
(10)
persib
(5)
Photoshop
(1)
PKL
(2)
SMK
(3)
software
(2)
Sword Art Online
(2)
Tips Blogger
(28)
Tips Trik HP
(2)
ANKOMP
ANKOMP , berarti anime komputer,
Blog ini isinya seputar anime dan komputer, dan juga d.tambahkan dengan beberapa tips dan trik ,
Tidak ada komentar:
Posting Komentar