Pada kesempatan ini saya akan sedikit membahas cara yang paling sederhana untuk membuat tombol go top / kembali keatas. dengan menggunakan javascript .

Pada saat kita membaca halaman suatu blog atau situs yang panjang, maka kita sangat memerlukan bantuan tombol go top yang apabila kita tekan tombol ini, maka kita akan dibawanya keatas. Dengan ini kita tidak perlu letih untuk memutar scroll untuk kembali keatas. Apalagi masih dalam suasana ramadhan, dimana kita perlu menghemat tenaga untuk bisa tetap action melakukan berbagai aktifitas yang lain.

Cara sederhana untuk membuat tombol go top a dalah dengan meletakkan link kosong pada bagian bawah halaman blog. Biasanya kode tersebut di letakkan di bagian footer template yang kita gunakan.

http:# hanya ini kode yang perlu kita pasang untuk membuat tombol go to top. Bagaimana singkat bukan. Bagaimana juga jika kita membuat tombol go to top dengan menggunakan javascript. dan hasilnya coba klik tombol go to top pada bagian bawah blog ini.

Cara membuat tombol go to top dengan javascript juga tidak berbeda jauh. Kita hanya perlu meletakkan javascript pada bagian header, kemudain meletakkan script pemanggil pada tempat link dimana tombol go to top kita letakkan.

Karena kode script itu panjang, maka saya membuatnya dalam bentuk file zip, dan bisa didownload disini

Sebagai informasi, file ini tidak menggunakan ziddu, karena untuk mendownload sebuah file di ziddu memerlukan waktu yang cukup lama. lagipula mendownload di ziddu.com butuh trik agar terbebas dari virus. Jadi sepaya pembaca bisa lengsung mempraktekkan dengan cepat, maka file ini saya letakkan di blog ini juga. Klik disini untuk mendownload.

Setelah anda mendownload, maka perlu diextrak dulu file tersebut dari file berbentuk zip menjadi file berbentuk script atau javascript. Seperti biasa, pasang script tadi pada blog, sama seperti cara memasang script yang lain. Jika anda belum tahu bagaimana cara memasang script pada blog self hosting bisa di baca dahulu disini, cara memasang script pada blog self hosting, atau baca yang ini cara memasang script pada blog di blogspot.

Untuk kode pemanggil script adalah seperti berikut ini.

 <a href="#" onclick="MGJS.goTop();return false;" title="kembali keatas"> Top</a>

Kode ini biasanya diletakkan dibagian bawah template seperti pada bagian bawah template ini. Coba saja diklik dan lihat hasilnya bagus bukan.

Mungkin sampai disini dulu tutorial javascript nya lain kali kita sambung dengan tutorial javascript yang lain yang lebih menarik lagi. Ngomong-ngomong udah pada sahur belum. Yuk sahur yuk !…..