Back To Top Button HTML Code

Back To Top Button adalah tombol dimana yang di fungsikan untuk mengembalikan laman blog dari posisi bawah ke posisi paling atas sehingga setiap pengunjung blog dapat men-scroll laman blog dengan cepat dan hanya dengan mengklik tombol Back To Top Button dan laman pun akan langsung menuju ke bagian paling atas.

Back To Top Button sangat familiar dan sering di aplikasikan pada blog yang pada umumnya tombol Back To Top Button berada di bagian blog paling bawah sebelah kanan.
Pengaplikasiannya pun cukup mudah dan hanya perlu menempelkan kode JavaScript pada widget blog dengan memilih opsi Gadget HTML/JavaScript.

Apakah anda ingin mengaplikasikan Tombol Back To Top Button untuk mempercantik tampilan blog anda?.
Jika begitu,  langkah pertama yang harus anda lakukan untuk menerapkan Back To Top Button adalah:
- Login/Sign in ke blog anda
- Buka setelan blog anda
- Pilih Tata Letak
- Klik Sections Add Gadget
- Pilih Opsi HTML/JavaScript
- Tempel Kode Back To Top Button di bawah ini
Kode :

<style> .mbw-back-to-top { position: fixed; bottom: 2em; right: 10px; text-decoration: none; padding: 1em; display: none; cursor:pointer; } </style> <img class="mbw-back-to-top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd2QvqQR_bgIh_U9lMtzYpjn2XyhFwYskaDX2ESADAiwGkigQCWJ1Nd_6o9v0c1wp60jmoJ6FLR8sB8dd9GLOMw8rnQOwHvz2Ro5nnImAcv7j9fXKsPGt8CnxmUoHfu9mBRNEkp5FEkvqs/s1600/bttb.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>

Sourch Code  icon anda bisa mengganti dengan icon/gambar dengan menggunakan gambar yang anda buat sendiri atau anda ambil dari gool untuk menambah karakter tersendiri dari blog anda.

- Klik Save/Simpan Perubahan.

Silahkan anda coba aplikasikan tombol Back To Top Button pada blog anda dan lihat hasilnya, dimana tombol Back To Top Button itu sendiri akan muncul dengan sendirinya ketika laman dari blog anda di scroll ke bawah.
Silahkan and Selamat Mencoba.