How to Make / Install the Back To Top Button with jQuery on Blogger
- Please login to Blogger
- Select Template> Edit HTML> click Expand Widget Templates
- Look for the code </ body> (use CTRL + F)
- Copy the code below and Paste it right above the code </ body> (if the code below is already in your template, the code below doesn't need to be installed again)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
- Then Copy the code below again and then Paste it right under the code above
<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/AVvXsEgRpg8JyjDhRHvICQS3H7yOBXZLBCDHrufviZ86xvCJzlCEj7p32xhGCgkVjxbLGwGh2sCRzV9UXnI5_qijw7qAKr3PK9GtjDKXWefulLZ8-RKw5BovIdIAA19zauzEkixhtnxXq-RyL0M/s1600/back-to-top.gif'/></a>
- Finally save your template and the back to top button can be used