Cara Membuat tombol "Back To Top" yang melayang dengan HTML/Javasript

Kalau mengenai tombol Back to top bisa elo cari tahu di blog gua DISINI.
sekarang gua akan memberikan tutorial cara membuat tombol back to top yang melayang.(seperti punya gua) yang melayang di tengah berbentuk anak panah keatas.
Caranya gampang kok.

Pertama-tama elo Copy code berikut:

<script type="text/JavaScript">
var topMargin = 300
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)

function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}

function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}

}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}


}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="KlikUntuk KembaliKe atas" width="15" src="http://i304.photobucket.com/albums/nn182/ebiets/up_out.gif" height="25" /></a></div>


<a name="top"></a>

setelah lo copy, sekarang lo pergi ke Edit HTML
Trus Edit Laman
Trus Lo Add gatget Baru
Trus lo pilih HTML/Javasript
Trus lo Paste Kode yang udah di Copy tadi
Trus Simpan
Trus Lo liat Blog elo
Trus...Trus...Trus...Trus...
Minggir bang... keterusan...
udah sampe disini aje..

Kalau elo punya komentar dan tanggapan, ataupun ingin bertanya dipersilahkan.
Terimakasih...

CREATED BY: FADLI™ TERIMA KASIH TELAH BERKUNJUNG KE BLOG SAYA INI.. TERIMA KASIH JUGA UNTUK KOMENTAR DAN SARANNYA.. ^_^