How to Make the Back To Top Button with jQuery on Blogger

Share it:
How to make / install the back to top / go top button on blogger, the back to top button is a button that works to make / accelerate scrolling from the bottom up on a web page or blog page so that it will make it easier for the reader or visitor to return "at the top from blogs / websites quickly when at the bottom of the page with just one click on the back to top button. For example, you can see at the bottom right of my blog that uses regular JavaScript. The advantage is that the back to top effect is very light when loading and is very suitable for use in blogs, of course for those who like to modify their blog with something unique, beautiful and useful. To make it please follow blogger tips & tricks following.

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
Share it:

Post A Comment:

0 comments: