Cara Membuat Back To Top

Cara Membuat Back To Top
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

 <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:50px; width:55; left:1300px; top:100px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" width="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFIOswHvZq0__8uV3x6mRRV-WvvVy5iZNpu4sicJZdvwBFy7cQyv58ef3DFg37YOfXZkARi3O951vEF45wr2fNx1tn_O2_SHDVj2-TPAGDqM4MxaSVAkCDdIXgp1YBQtymgp9MHaDQLqQ/s320/up_out.gif" height="60" /></a></div>


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

Nah sekarang yang bisa kamu ubah " aja Ndiry

"60", "80"

80adalah lebar
60 adalah tinggi
Pengetahuan ini saya peroleh dari tante amanda dengan rumahnya dapat kamu jumpai di sini. Ya semoga kamu juga berhasil mempraktekannya.

./Related Post: