Ya, itu menjadi salah satu permasalahan yang akan kita alami dalam blogging. Karena, suatu halaman blog yang memanjang kebawah, bila kita sedang membaca lalu menggeser scroll kebawah dan ingin pergi keatas lagi otomatis harus mengscrollkannya lagi.
Oke, tombol back to top ini mungkin menjadi solusi dalam permasalahan ini. Dengan tombol ini, blog anda akan lebih bersehabatat dengan pengguna karena memudahkan pengunjung dalam mengembalikan scroll keatas apabila sedang dibawah. Pengunjung hanya tinggal mengklik tombol tersebut dan halaman akan otomatis scroll keatas dengan sendirinya.
Langkah-langkah:
Pertama, seperti biasa sobat langsung masuk ke halaman pengeditan HTML sobat. Lalu simpan kode dibawah ini tepat diatas kode </body>
Kedua, masih berada diarea tersebut. Simpan kode javascript Jquery Bounce diatas kode </body> untuk memberi efek smooth dan bouncenya.<script src='http://id-pemula-javascript.googlecode.com/files/backtotop.js' type='text/javascript'/> <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHRE3tdOL2xLJK_w1qWjqQboIP2AOGuPkQ6WiUoC1goBsvOYPg9n-bIMvjTAPoeTQE9SKLi3IxJV4SlMAOUL5Q_UzXX7Mpl1fIXmzv_RQOVA9ZILBol1h-nkovwqWewzxJUdMakzS89P4/s1600/back-to-top.gif'/></a>
Akhirya, sobat juga bisa merubah gambar tombolnya dengan merubah kode berwarna Biru, lalu ganti dengan link gambar tombol yang ingin sobat pasang.<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
Oke cukup sekian postingan saya tentang Memasang Tombol Back To Top. Semoga bermanfaat bagi sobat-sobat blogger sekalian
Tag :
Belajar Nge-Blog
0 Komentar untuk "Memasang Tombol Back To Top"