Fitur back to top yang
kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan
jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek
javascript lainnya seperti pada animasi bintang jatuh dari kursor yang
menggunakan javascript biasa. Kelebihan nya juga adalah efek ini sangat ringan
ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang
suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat.
Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.
·
Login ke Blogger sobat
·
Pilih Template > Edit HTML > klik Expand Widget Template
·
Cari kode </body> (gunakan CTRL+F)
·
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'/>
·
Kemudian Copy lagi
kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<script
src='http://bloggerpeer.googlecode.com/files/backtotop.js'
type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.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/AVvXsEifMY61PR2rcanGJgNR2GMkrA5fFXsmtLGUkRJFHOONqw2hnr70y6l-JFlJYoie2XLjBQcGbI2KiDyBRxVHvVV9CPJYc-bu3eDp1MrRMKQ7lknEL8i7QMHibpJhc_f9-uEVb-A3xPGeQoQ/s1600/back-to-top.gif'/></a>
<!-- Back to top designed by Blogger Peer - bloggerpeer.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/AVvXsEifMY61PR2rcanGJgNR2GMkrA5fFXsmtLGUkRJFHOONqw2hnr70y6l-JFlJYoie2XLjBQcGbI2KiDyBRxVHvVV9CPJYc-bu3eDp1MrRMKQ7lknEL8i7QMHibpJhc_f9-uEVb-A3xPGeQoQ/s1600/back-to-top.gif'/></a>
·
Tanda yang berwarna
merah adalah alamat gambar yang nantinya muncul pada gambar back to top
silahkan sobat ganti sesuai dengan kesukaan sobat.
·
Terakhir simpan template sobat dan tombol back to top sudah bisa
dipakai:)