Membuat back to top sederhana dengan HTML - Belajar Code Codean
News Update
Loading...

Friday, October 24, 2014

Membuat back to top sederhana dengan HTML

Back to top merupakan sebuah tombol yang jika di klik maka halaman akan bergulir ke arah paling atas, Kali ini kita akan membuatnya dalam bentuk yang sederhana.

Membuat back to top sederhana dengan HTML


Langkah pertama yang harus dilakukan adalah menambahkan CSS back to top. Masukan kode CSS dibawah ini:
<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>

 Lalu setelah menambahkan CSS kita tinggal memanggil ID CSS yang sudah dibuat tadi dengan memasukan kode berikut:
<div id='BounceToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDbD9Uf4BLy9MmwKT6AxseyTxBQ3PR2hGXGCLKkn_L7Krxx5rDZ_Q8od-wowzyTUSZ4W1vWXp6_PHyBDLdSWmG9MhaFXFSnd1m9lC_MM-kEW4Voh8yVM4RE23fDMux0d2mKJvT0AJCUc3R/s1600/to+top.png'/></div>
 Dan tombol back to top sudah bisa digunakan.
Comments


EmoticonEmoticon

Notification
This is just an example, you can fill it later with your own note.
Done