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. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini
Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.
- 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)
- 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/AVvXsEgz41rI_I1R-aaejmnSKrL0My6xsGG2nZhCL95K6ixnhLfaIm9oCyzg0a5kB0qLiTTD2_pqfRWzSzCibK_9dHOoAZw0mv-E6XEKcG11jkRS1fzMuQd2CXNiDfOAbjePTAmWwfFDf4a2Vwc/s1600/back-to-top.gif'/></a>
- Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai
Ganti tulisan berwarna hijau untuk menganti gambar tombolnya.
Artikel yang sangat bermanfaat. Thanks udah berbagi kawan!
ReplyDelete