Kode Pasang dan Mengubah Script Tombol Top Up/Naik Pada Website

Kode HTML/Javascript Tombol Top/Ke atas pada Web

Salin Kode Berikut ini pada Gadget HTML/Javascript

<style>

.mbw-back-to-top {

    position: fixed;

    bottom: 8px;

    right: 330px;

    text-decoration: none;

    display: none;

    cursor:pointer;

    width: 40px;

}

</style>

<img class="mbw-back-to-top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDBe88IRCs4QLkOd88Q9zJNtm9YkrwLvO2U7S57e553LKp6uNNm_h_Y0JVVzeERQZDsl2TdgsVdkfIzD9DLUpKuv9lQjLoQ1UNgyTge8Kvu1WTKdhaGCrKHmrGa-nOpO831UIVYEJ8zWg/s1600/Back-To-Top.png" />

<script type="text/javascript">

/*****mybloggersworld.com***/

jQuery(document).ready(function() {

    var offset = 220;

    var duration = 500;

    jQuery(window).scroll(function() {

        if (jQuery(this).scrollTop() > offset) {

            jQuery('.mbw-back-to-top').fadeIn(duration);

        } else { //www.mybloggersworld.com

            jQuery('.mbw-back-to-top').fadeOut(duration);

        }

    });

 

    jQuery('.mbw-back-to-top').click(function(event) {

        event.preventDefault();

        jQuery('html, body').animate({scrollTop: 0}, duration);

        return false;

    })

});

</script>

Hasilnya Nampak pada Gambar yang di blok Lingkar Merah Berikut

Anda juga dapat melakukan penyesuaian pada Script di atas sebagai Berikut :

1.  right: 330px; Nilai 330 dapat di ganti dengan mau Anda, Semakin Besar Nilainya, Posisi Tombol akan semakin ke arah Kiri dan jika Nilainya 20px maka Posisi Tombol akan di sebelah Kanan. Cobalah juga Menggantikan right dengan left
2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDBe88IRCs4QLkOd88Q9zJNtm9YkrwLvO2U7S57e553LKp6uNNm_h_Y0JVVzeERQZDsl2TdgsVdkfIzD9DLUpKuv9lQjLoQ1UNgyTge8Kvu1WTKdhaGCrKHmrGa-nOpO831UIVYEJ8zWg/s1600/Back-To-Top.png pada Script di atas maksudnya Gambar yang digunakan sebagai Tombol, Jadi jika anda ingin menggantinya, Ganti Kode tersebut dengan URL Icon Gambar lain yang inginkan

****SELAMAT MENCOBA****