Back to Top jQuery

Demo

Back to Top dengan jQuery ini adalah versi lain dari 'Back to Top dengan Smoothscroll'. Versi Back to Top dengan jQuery ini hanya berfungsi untuk naik keatas secara 'smooth' dan ketika mencapai keatas kecepatannya akan berkurang, ini yang membedakan. Selain itu, versi ini berjalan mulus di semua browser/perambah.

Tahapan Penerapan Back to Top jQuery di Blogger Template

1. Javascript

a. Masukan script jQuery berikut diatas </body>
(jika telah ada script ini tidak perlu diperlukan lagi)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

b. Masukan pula script 'back to top' ini dibawah script jQuery diatas:

<script src='http://choenblogspot.googlecode.com/files/backtotop.js' type='text/javascript'/>

2. HTML

Kode HTML ini untuk mengaktifkan script 'back to top' tersebut:

<a href='#' onclick='MGJS.goTop();return false;'>Top</a>

catatan: tempatkan kode HTML tersebut dibagian footer, dan benahi posisinya dengan CSS sesuai keinginan anda.

Demikian tahapan penerapan Back to Top tersebut, semoga berhasil.

---
*saya tidak menyantumkan sumber tutorial ini :) mohon maaf, soalnya nyontek script template lain, dan ngak tau sumbernya.

Model 'scoll to top' lainnya:
Create a Hovering Scroll to Top Button With JQuery

Posted in: jQuery,Penerapan jQuery