Cara Membuat Tombol Back To Top/kembali ke atas Dengan
jQuery di Blog - Tombol back to top adalah berfungsi untuk
memudahkan pengunjung untuk kembali ke bagian atas dari suatu halaman.
Fitur back to top yang kita bahas sekarang ini adalah fitur tombol back to top
menggunakan jQuery. Untuk membuat nya silahkan ikuti tips trik blogger dari dapah blog berikut.
1. Silahkan login di Blogger Anda.
2. Pilih Design > Edit HTML > klik Expand
Widget Template.
3. Cari kode </body> (gunakan CTRL+F).
4. 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'/>
5. Kemudian Copy lagi kode dibawah ini dan kemudian
Paste tepat dibawah kode </body>.
<script
src='http://bloggerpeer.googlecode.com/files/backtotop.js'
type='text/javascript'/><!-- Back to top desain by Hendro -
dapah.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/AVvXsEiMpY5JmPUnNrhxUMFY5L0FldO9gHnqxI-0O1BKQ5K-NdHOuWVm9DYglgqABl_ARsygCz0LFuXXz49MM_0wjpj3LquRwS13eSOTKkbieYlt0KYm7RNTCfuek314Cd8TbOup_SU_19QHtI0/s1600/back-to-top.gif'/></a>
6. Terakhir simpan template blog Anda.
Keterangan:
Perhatikan untuk kode yang berwarna merah right (kanan), bisa Anda ganti dengan left (kiri),
sedangkan Back to Top bisa Anda ganti dengan kembali di atas, dan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMpY5JmPUnNrhxUMFY5L0FldO9gHnqxI-0O1BKQ5K-NdHOuWVm9DYglgqABl_ARsygCz0LFuXXz49MM_0wjpj3LquRwS13eSOTKkbieYlt0KYm7RNTCfuek314Cd8TbOup_SU_19QHtI0/s1600/back-to-top.gif
Silahkan anda ganti dengan url gambar anda.
Sekian dulu tips trik blogger dari dapah blog, Semoga bermanfaat.
0 komentar on Cara Membuat Tombol Back To Top di Blogger :