Mungkin pertanyaan simple ini pernah terlintas dibenak Anda
setelah Anda membaca judul pada postingan kali ini. Nah, kegunaan
JavaScript ini adalah agar tampilannya menjadi lebih lembut dan enak
untuk dilihat. Banyak kegunaan dari tombol ini, selain tidak perlu
menggunakan scroll, Tombol Back To Top Menggunakan JavaScript ini juga menyingkat waktu kita.
Nah,
buat sobat yang pengen coba menggunakan script Tombol Back To Top
Menggunakan JavaScript ini bisa ikuti langkah berikut ini.
Kedua, kemudian ikuti langkah ini, Rancangan, Edit HTML, Expand Template Widget, seperti terlihat pada gambar dibawah ini.
Ketiga, letakkan kode dibawah ini tepat diatas kode </body>
Sehingga hasilnya akan seperti ini.
Keempat, kode yang berwarna merah adalah kode image, silahkan sobat ganti dan kemudian simpan template sobat.
Selain disisipkan pada Edit HTML, script ini juga bisa sobat simpat pada Widget. Selamat mencoba, semoga berhasil.
Membuat Tombol Back To Top Menggunakan JavaScript
Pertama, sobat harus login ke account blogger sobat,Kedua, kemudian ikuti langkah ini, Rancangan, Edit HTML, Expand Template Widget, seperti terlihat pada gambar dibawah ini.
Ketiga, letakkan kode dibawah ini tepat diatas kode </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://rizki-khaizir.googlecode.com/files/BackToTop.js' type='text/javascript'/>
<!-- Back to top by www.wakrizki.net --><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/AVvXsEiudaqk_xDn_5IpAviHskEtYNxZj0NBTHxZc7OYPIb1erStmhhPM2tLCX7Za_g0QPByQoH9KQrs0sL-6jKMiW2Az3t4wgsPOoXqsXmfi6YKoXnSLgKD6WmaysE-ckmIMeWW85RLY9h-X3v0/s1600/navigate-up-icon.png'/></a>
Sehingga hasilnya akan seperti ini.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://rizki-khaizir.googlecode.com/files/BackToTop.js' type='text/javascript'/>
<!-- Back to top by www.wakrizki.net --><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/AVvXsEiudaqk_xDn_5IpAviHskEtYNxZj0NBTHxZc7OYPIb1erStmhhPM2tLCX7Za_g0QPByQoH9KQrs0sL-6jKMiW2Az3t4wgsPOoXqsXmfi6YKoXnSLgKD6WmaysE-ckmIMeWW85RLY9h-X3v0/s1600/navigate-up-icon.png'/></a>
</body>
</html>
Keempat, kode yang berwarna merah adalah kode image, silahkan sobat ganti dan kemudian simpan template sobat.
Selain disisipkan pada Edit HTML, script ini juga bisa sobat simpat pada Widget. Selamat mencoba, semoga berhasil.
0 komentar:
Posting Komentar