Cara Memasang Button Back to Top

Pernah tidak sih, kalau kita sudah menggulir halaman blog ke bawah, terus ke atasnya susah atau terlalu lama? Nah, kalau iya, yang kita butuhkan adalah tombol back to top yang mempermudah kita untuk menggulir halaman ke atas tanpa bersusah payah.



Di bawah ini akan ada video tutorial mengenai hal tersebut. Silakan disimak :)

Pertama, buka www.blogger.com kemudian pilih tata letak.

Kedua, pilih tambah gadget kemudian cari HTML/Javascript, lalu copy paste script di bawah ini.


<a href='#' style='display:scroll;position:fixed;bottom:15px;right:15px;' title='<span style="color: blue;">Back to Top</span>'><img src='<span style="color: red;">http://i462.photobucket.com/albums/qq350/sheilawulan/arrow.png</span>'/>

• Yang berwarna merah adalah kode lokasi gambar panah, teman-teman bisa menggantinya dengan gambar yang lain. Gambar bisa didapatkan dengan cara membuat sendiri kemudian upload pada media penyimpanan gambar di Internet atau bisa juga mencari gambar panah langsung di Mbah Google dengan mengkopi lokasi gambar.
• Yang berwarna biru adalah nama yang akan muncul ketika cursor menyorot gambar panah. Teman-teman bisa menggantinya dengan "Kembali Ke Atas" dsb.

Setelah itu klik simpan.

Ketiga, sekarang blog kita sudah ada Back to Top

Untuk langkah lebih jelasnya, silakan tonton video tutorial di bawah ini.