Skip to content Skip to sidebar Skip to footer

Membuat Tombol Back To Top di Blog

Membuat Tombol Back To Top di Blog

 

 

Membuat Tombol Back To Top di Blog

Apa sih Tombol Back To Top?
Tombol back to top adalah sebuah tombol yang berfungsi untuk mempercepat scrolling dari bawah keatas di sebuah web page atau blog page sehingga akan mempermudah reader atau visitor untuk kembali pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik saja , sehingga reader atau visitor tidak lagi melakukan scroll ke atas untuk melihat main page dari sebuah blog/website

Membuat Tombol Back To Top di Blog

1. Silahkan login di Blogger Pilih Template >> Edit HTML
2. Klik Expand Widget Template Cari kode <body> (gunakan CTRL+F) Salin kode dibawah ini dan Paste tepat diatas kode

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
3.  Kemudian salin lagi kode di bawah ini dan kemudian taruh tepat di bawah kode di atas

<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/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/AVvXsEgk8kv7rFzHP-K67q_QGGpkEM0iX8nnKHNOAIVJ48g6NNYkIuROuGo2COJvtGHIdrqOSTXMrvgSGSY-u_8MP9mYRiYzLOuVvdcCRKBKXnSZAYAubyhzNwjpMM4htWe79BRPNDx07VxraCI/s1600/back-to-top.gif'/></a>

Untuk mengganti gambar tombol back to top silahkan ganti yang berwarna merah dengan url gambar anda
Nah begitulah cara membuat tombol back to top di blog, semoga bermanfaat :)