Cara Membuat Tombol Back to Top di Blog

Sebelum memulai postingan ini saya ingin mengucapkan selamat tahun baru bagi kita semua, semoga tahun ini lebih baik dari tahun-tahun sebelumnya. Pada siang hari ini saya akan share tentang Cara Membuat Tombol Back to Top di Blog.

Tombol back to top menurut saya perlu untuk sebuah blog. Ketika blog memposting artikel yang panjang misalnya, tombol inilah yang akan di gunakan pengunjung untuk mempermudah kembali ke halaman atas pada sebuah blog tersebut tanpa perlu menggeser scroll ke atas.

Nah kali ini tombol back to top yang akan saya share adalah back to top yang mudah untuk anda taruh di blog anda, karena anda tidak perlu menambahkan kode pada edit html. Cukup menambahkan gadget baru pada blog anda. Berikut Cara Membuat Tombol Back to Top di Blog

1. Login blogger
2. Pilih tata letak -> Klik tambah gadget
3. Pilih HTML/JavaScript
4. Masukkan kode di bawah ini pada kolom yang tersedia

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" height="100px" width="100px" src="URL gambar back to top" /></a></div>

5. Simpan

Note:
Ganti tulisan yang bewarna merah dengan URL gambar back to top.
Contoh : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFFM-Rgclc3Op4wrNf7vVG4DkbWWeHdwjozrXUre51QGJzIf4loJKP94gWgGiApZndOBGXoYURzINewz3mhK7ieVP0N0RvMhrFCuhpTPERutR2QNVj-8x0L7uqvxnVZkSMzJmoDLTDAg/s1600/upArrow.gif
Nomor yang bewarna biru bisa anda ubah untuk menyesuaikan gambar back to top.