Tombol back to top yang kita buat kali ini adalah tombol back to top dengan JQuery. Efek Jquery ini akan lebih lembut daripada javascript biasa sobat! dan juga efek JQuery ini ringan, jadi sangat berguna bagi sobat semua yang suka memodifikasi blog sobat.. Untuk membuatnya ikuti langkah berikut
MEMBUAT/MEMASANG TOMBOL BACK TO TOP DI BLOG
- Ucapkan bismillah. hehehe :D
- Login ke blogger
- Pilih template (sebelum mengedit, alangkah baiknya untuk memback-up template sobat)
- Pilih edit HTML
- Untuk memudahkan, gunakan CTRL + F
- Cari kode </body>
- Copy kode dibawah ini tepat diatas kode </body> (jika kode tersebut sudah ada maka tidak usah dipasang)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
- Lalu copy kode dibawah ini dan paste di bawah kode tadi
<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/AVvXsEi2r27iixkkKMqW2YlKYTs7NEYKpVn9P831SrWOb50SYqDLxIA4BY68F1XLYkSPlFLjcE3Nj13YfVH4yp8iQVl5zs0kCvRUcBIITapBYnzhlJkCQhQ-PPEVKQXe5RM-Qgd_oTT_sdmks-4/s1600/back-to-top.gif'/></a>
- Terakhir simpan template sobat dan coba rasakan
Sekian postingan saya kali ini, semoga bermanfaat bagi sobat semua :)
Tidak ada komentar:
Posting Komentar