Tutorial Cara Memasang Tombol Back To Top

Tombol Back To Top atau tombol kembali keatas adalah sebuah tombol yang berfungsi untuk memudahkan pengunjung kembali ke atas artikel secara otomatis. Tombol ini bisa di bilang penting karena jika kamu mempunyai artikel yang cukup panjang dan pengunjung ingin kembali keatas artikel harus menscroll keatas. Jika ada tombol ini maka pengunjung akan cukup terbantu.

Saya akan memberikan tutorial cara memasangnya di blog. Script dan kodenya berasal dari blog sebelah, yaitu id-pemula.blogspot.com.

Berikut Tutorial Cara Memasang Tombol Back To Top:

1. Login ke blogger.com

2. Pilih Template >> Edit template

3. Kemudian cari kode </body> (gunakan CTRL+F untuk mempermudah pencarian)

4. Letakkan kode di bawah ini, diatas kode </body>

<script src='http://id-pemula-javascript.googlecode.com/files/backtotop.js' type='text/javascript'/>

<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/AVvXsEhRZX2kmiej27tXvjE4YVTu9K0dG92E1EHy0aTVHgIkhMPTpxxJ-12I0yP472RtRY5zRF9RB4RpuittFJ4GS_1Hpvnv_Rl4MBGXfhQnNVIOpprItkE8tno1vhT7b5laCaVyvI674yPynbY/s1600/back-to-top.gif'/></a>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

5. Setelah selesai simpan template

Cara Memasang Tombol Back To Top di Blog

Keterangan:

Yang saya beri warna biru adalah URL dari gambar Back To Top, jika ingin menggantinya saya sediakan sedikit gambar.
Yang saya beri warna merah adalah kode jquery, jika di dalam template kamu sudah ada kodenya tidak usah di pasang. Untuk jaga-jaga gak usah di pasang karena umumnya sudah ada.

Klik kanan pada gambar lalu salin URL gambar, dan hapus kode berwarna biru terus pastekan

Semoga artikel Cara Memasang Tombol Back To Top di Blog ini bermanfaat untuk teman-teman semua. Baca juga Cara Mengganti Warna Scrollbar Pada Blog. Terima kasih