Cara Membuat Tombol Back To Top Menggunakan Jquery

Cara Membuat Tombol Back To Top Menggunakan Jquery adalah postingan selanjutnya setelah postingan saya sebelumnya yaitu Cara Memperbaiki File WinRAR Yang Rusak (Recovery File).

Pada postingan sebelumnya saya sudah buatkan postingan tentang Bcktotop 2 panel yaitu ke ats dan kebawah kali ini saya akan menjelaskan Cara Membuat Tombol Back To Top Menggunakan Jquery perbedanya adalah Jquery dan Java scrip perbedaanya adalah bila menggunakan Jquery lebih ringan lembut Smoot and Soft itulah Jquery dan bedanya code Jquery ini lebih rumit dari pada java scrip dan harus lebih teliti dalam pembuatanya penggunaan backtotop ini sangat membantu penggunjung menurut sebagian orang pemasangan efek ini dapat meningkatkan SEO penggunaan Jquery ini sangat berguna bagi orang yang suka otak atik blog karna sifat Jquery tadi yang ringan untuk itu mari kita simak tutorial berikut ini.

Silahkan lihat contoh berikut ini :

Tutorial Cara Membuat Tombol Back To Top Menggunakan Jquery :

• Mula mula masuk ke account Bloger anda masing masing
• Lalu pilih daftar entri
• Kemudian pilih menu template untuk yang baru dan rancangan versi lama
• Setelah keluar menu template pilih menu edit HTML
• Jangan lupa juga untuk centang Expand Widgate
• Kemudian Cari Code </body> Ctrl+F untuk mempermudah
• setelah itu coykan code dibawah ini tepat di atas Code </body>

<script src='http://thomijasir.googlecode.com/files/css%20Jquery.js' type='text/javascript'/>

• Bila sudah cantukan code dibawah ini tepat di atas code diatas

<script src='http://thomijasir.googlecode.com/files/Jquery%20back%20totop.js' type='text/javascript'/>
<!-- Back to top designed by Catatan Thomi Jasir - http://thomijasir.blogspot.com/ -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src=’Alamat Gambar anda atau adress gambar anda'/></a>

• Berwarna merah menandakan tempat atau letak adress gambar
• Warna Hijau adalah tataletak penempatan gambar
• Stetelah itu Lalu Save dan lihat hasilnya

Mudah bukan tatacaranya

Untuk mengganti silah kan ini ada link gambar milik saya

Animasi 1 : http://i1077.photobucket.com/albums/w468/Thomijasir/BackToTop-Home-1.png

Animasi 2 :http://i1077.photobucket.com/albums/w468/Thomijasir/back-to-top.gif

Mungkin Sekian dari saya Tutorial kali ini semoga bermanfaat dan berguna selamat mencoba !!