Tombol back to top merupakan sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut.
Cara Membuat Tombol Back To
Top Dengan jQuery di Blogger
- Login di Blogger
- Pilih
Design > Edit HTML > klik Expand Widget Template
- Cari kode
</body> (gunakan CTRL+F)
- Copy kode
dibawah ini dan Paste tepat diatas kode </body> (jika kode
dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang
lagi)
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'
type='text/javascript'/>
-
Kemudian Copy lagi kode dibawah ini dan kemudian
Paste tepat dibawah kode diatas
<script
src='http://bloggerpeer.googlecode.com/files/backtotop.js'
type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<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/AVvXsEhMt7FULpyr6kHmSP4JktgslfIdrpC1ylMJ8bA6F3Jteg2erGbr_xK0zCG6JlTw0pUSzuCpz1mkEkKM-YysCPUr9i2JbdpuEMyfekP6YvnZW2K-nZnbPD9y94t5tkU297wvYz0VChRGiE4/s1600/back-to-top.gif'/></a>
- Terakhir simpan template dan tombol back to top
sudah bisa dipakai
Tidak ada komentar:
Posting Komentar