Cara Membuat Tombol Back To Top Sederhana

Kali ini ane mau share tentang bagimana caranya Membuat Tombol Back To Top. Tombol Back to top itu sendiri berfungsi apabila setelah kita mengscroll halaman blog ke bawah dan ingin naik lagi ke atas maka kita tidak perlu menggulung layar keatas lagi. Cukup dengan menekan tombol Back to Top maka otomatis layar akan menggulung sendiri ke atas. Yang ane mau share kali ini yg ga ribet, yg tinggal pasang di pilihan tambah javascript aja.

Langkahnya adalah sebagai berikut:
bismilah dlu ya…

                                                                                    
1. Login ke akun blog anda
2. Klik menu Rancangan, kemudian klik tambah gadget, pilih javascript
3. Kemudian copy dan pastekan kode di bawah ini

 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="URL gambar" /></a>

Anda dapat mengganti title Scroll/Back to Top dan gambar sesuka yg anda inginkan

4. Save

Posisi gadget dimanapun tidak masalah karena letak tombol tersebut fixed (tetap), yang menjadikannya melayang.

Niih ane kasih sedikit iconnya, tinggal copas image locationya di bagian "URL gambar" di scripnya, OK !

Ato kalian bisa cari di mbah gugel dg kata kunci "Back to Top Arrow" pasti langsung bermunculan :D.

Oke sekian dlu dari ane, sampe ketemu lagi n semoga bermanfaat :)