Tutoorial | Tombol back to top adalah sebuah tombol yang berfungsi untuk
membuat/mempercepat scrolling dari bawah keatas di sebuah web page
ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk
kembali´pada bagian atas dari blog/website dengan cepat ketika berada
dibagian bawah halaman dengan hanya sekali klik pada tombol back to top
tersebut.
Fitur back to top yang kita
buat/bahas sekarang ini adalah fitur tombol back to top menggunakan
jQuery. 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 blogger dari Dunia Internet
berikut.
Cara Membuat/Memasang Tombol Back To Top di Blogger
- Silahkan login di Blogger
- Pilih Design > 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 Dunia Internet - timonadiyoso.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/AVvXsEh9_RhicJrNaBtyTTdAuUvO9kAR4QoSSypNb4Y7iwlzYuhj-tOF3O897IGZfKooEPsTlPFGtPvOMc4aYE39VQDNIivzrN3P-_1rEQ4OOpMfrxIRXGSg6ZKN5lF6Hb5xKY8HCjtxjbUlwRU/s1600/back-to-top.gif'/></a>
- Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai
- Yang berwarna merah bisa sobat sesuikan dengan gambar sobat sendiri
Sekian dulu Tutorial dari Blogger Tutorial, Semoga bermanfaat sobat . :)
Post a Comment