Icon Back to top yang dulu pernah fenomenal ini, sekarang kita akan bahas kembali. Temen - temen ada yang ingat dengan cara membuat widget melayang? jika temen - temen ingin melihat silahkan baca artikel sebelumnya mengenai status YM melayang. Nah tampilannya tidak jauh dengan itu . Icon back to top ini sangat berguna untuk melakukan lompatan dari halaman paling bawah menuju halaman paling atas, jadi temen - temen tidak perlu lagi melakukan scrollbar pada browser.
Langsung aja menuju blog anda masing - masing :
1. login
2. Pilih Tata Letak
3. Silahkan tuju pada halaman edit HTML.
4. kemudian letakan kode dibawah ini diatas tag </body>
| <a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://i396.photobucket.com/albums/pp48/putro16/Jumptotop.gif'/></a> |
5. Simpan Temlate
Mau edit :
- Jika anda ingin megatur jarak image silahkan edit di bagian kode: 5px;right:5px; Anda juga bisa
- Mengganti posisi images dengan menganti position: fixed; dengan position: absolute; position: relative; dan position: static;
Selamat mencoba....
Demikian artikel tentang Membuat Icon Back to Top ini dapat kami sampaikan, semoga artikel atau info tentang Membuat Icon Back to Top ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
