Membuat Tombol Back To Top dengan Java Script

Jika halaman sobat panjang lebar, itu ide bagus untuk memberikan pengunjung tombol back to top dengan cara yang mudah dan cepat/ secara otomatis bergulir kembali ke bagian atas halaman. Di situlah script ini menampilkan tombol back to top diam di sudut kanan bawah jendela yang ketika diklik maka halaman akan bergulir pelan-pelan kembali ke atas. Tombol back to top ini tidak selalu terlihat pada layar, tombol ini akan terlihat apabila halaman bergulir ke bawah minimal 100 pixel.

Demo: untuk melihat sebuah tombol back to top, lihat bagian kanan bawah halaman setelah halaman digulir ke bawah (minimal 100 pixel)
Atau bisa sobat lihat diblog diaz pada pojok kanan bawah.

Jika tertarik, ikutin langkah-langkahnya :

1. Login ke Blogsobat
2. Masuk ke Layout/Tata Letak
3. Terus menuju Edit HTML
4. Cari code ini ]]></b:skin>
5. Copy script code dibawah ini dan letakkan dibawah code ]]></b:skin>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://macho2.googlecode.com/files/scrolltopcontrol2.js"></script>

6. Kemudian Simpan
7. Lihat hasil.

Semoga artikel Diaz ini bisa bermanfaat untuk sobat-sobat blogger sekalian. Jika sobat mempunyai pertanyaan,kritik ataupun saran,silahkan tulis di kolom komentar yang berada di bawah postingan.Sampai jumpa di TUTORIAL BLOGSPOT berikutnya.