a

Tutorial Memasang Back To Top (Plus Freebies Image)

Halo Teman-Teman!.. 
Apa kabar semua?.. Semoga baik ya!.. 
Oh ya, Hampir lupa!.. Aku membawa Tutorial nih,.. Apa sih?.. Baca Judul nya dulu dong,.. Hehe,.. 
By The Way, Button Back To Top tuh apa sihh??.. Bingung Ya?,.. 
Back To Top ituu,.. Coba kamu liat ke bagian Kanan blog ku, Scroll ke bawah, Pasti kamu nemu gambar Kan?.. Nah! itu dia Back To Top.. 
Kegunaan nya?.. Coba kamu Klik gambar tadi,.. Pasti langsung Ke Scroll sendiri kan ke atas?.. Itu maksud nya!.. 
Mau buat?.. Mau mau mau??.. Yuk ikuti Step!.. 
  • Masuk ke Blog kamu
  • Klik Menu Drop Down di samping Gambar Pinsil
  • Klik Layout
  • Klik Add a Gadget (Pilih kolom yang di Kanan bawah, atau Kiri bawah ya!)
  • Cari HTML/Java Script dan Masukan kode di bawah ini di kolom Konten HTML/Java Script tadi
 
<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 byNovita Lesyani***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL GAMBAR 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:'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>

  • Yang warna merah itu,.. Kamu ganti Pake URL gambar nya.. Pilih di bawah ini ya!.. URL gambar nya ada di bawah gambar yang kamu mau!..
  • Atau kalo kamu punya gambar lain,.. Kamu bisa Posting gambar itu di blog kamu,.. Caranya, klik entri baru / New Post. Lalu, pilih Unggah gambar, trus kamu Posting gambar yang kamu mau jadiin Back To top.. Klik Publikasi kan,.. Lalu,.. Klik kanan pada gambar kamu, trus pilih Copy Image URL. Klik Kanan lagi di URL GAMBAR KAMU yang tadi aku kasih,..URL GAMBAR KAMU nya di hapus, ganti dengan, kamu klik kanan, trus kamu klik Paste. Selesai!..
http://3.bp.blogspot.com/-1tVgsHbShys/UAEww_FoGuI/AAAAAAAAD4Y/6pOx6zScUls/s1600/cursorcomelumbrella.png
Cursor Comel Umbrella


http://4.bp.blogspot.com/-xPUaShpPKP4/Thbqf9_YbjI/AAA AAAAABYw/zcTNwcHV1Uo/s1600/redribbonz.png
Cursor Comel Redribbonz

http://4.bp.blogspot.com/-AzRV8LZTDow/ThbqfMm0 u2I/AAAAAAAABYo/QSq-vbmUatU/s1600/bunniez.png
Cursor Comel Bunniez

http://2.bp.blogspot.com/-gGGDDIDXJbE/Thbqe_15 swI/AAAAAAAABYk/zSNcxrl4Su8/s1600/applez.
Cursor Comel Applez

http://3.bp.blogspot.com/-rM-HhoRCOws/ThbqgZgI8DI/AAAAAAAABY4/eSznshifRv0/s1600/treez.png
Cursor Comel Treez

http://3.bp.blogspot.com/-XHata6iTwRI/Thbqfh6 BOnI/AAAAAAAABYs/kE0fWlxIjwM/s1600/moustachez.png
 KLIK KANAN GAMBAR, LALU KLIK COPY IMAGE URL

     
       

  Set 2
          
    

Set 3
 
 
    

Set 4
image image image image image image image image image image image 

Set 5
image image image image image image image image image image

Set 6
image image image image image image image image image image image 

Set 7
image image image image image 

Set 8
  image image image image  image image image image image imageimage 

Set 9
image image image image image image image image image image image image 

Set 10
  image image image image image image image imageimage image image image image

Set 11
image image image image image image image image image image image image   image image 

Set 12

  
image image image image image image  image image image image imageimageimage

Set 13
image image image image image image image image image image image imageimage image image image image image image image image image image imageimage image image image image image image image image image image imageimage imageimage image image 

Set 14
image image image image image image imageimage image image image image image imageimage image image image image image imageimage image image image image image imageimage

Set 15
  

  • Oke,.. Tinggal Save,.. Dannn jadi deh!..
  • Selamat mencoba!.. 
 
CR : Kak Novita

1 comment:

^^Komentar adalah yang Nomor satu! Jadi kamu harus Komen! (‾^‾)b
^^Komentar harus sesuai Artikel (‾^‾)b
^^Jangan Me-Request di komentar! Di Cbox/Ask,fm Aja (‾^‾)b
^^Nah, ayo tinggalkan komentar di Kotak bawah \(´▽`)/