How to Add a Jump-To-Top Button or Sticky Back-to-Top Button in Blogger?

This post will help you add a Jump-To-Top Button or Sticky Back To Top Button, a beneficial button/element in our Blogger. It helps visitors move to the top of the webpage with a single click, and this button is present on all the pages of our site.

Sample Photo of the Jump To Top Button or Sticky Back To Top Button / Element is available below:-

Without this button, visitors have to scroll the web page themselves to move to the top of the page after reading the content. Hence, this Sticky Jump To Top Button helps the visitors and makes them easy to scroll to the top of the webpage with a single click.

You can add this Button / Element in your blogger with our Ready-made HTML Code in a few seconds.

Let's Add the Jump To Top Button or Sticky Back To Top Button / Element in our Blogger step by Step:-

#1. First of All, Download the Code from the link available below to add to our Blogger.

Download Code Link for Jump To Top Button or Sticky Back To Top Button / Element: Click Here to Download


#2. Open the Downloaded Notepad Code file and Customize the Color and Size of the Sticky Jump to the Top Button if you want. 

I think it’s not needed, and if you are not familiar with coding, do not try to modify the code.


#3. Copy the code to paste it in Blogger HTML/JavaScript Gadget.


#4. Go to Blogger Layout, add a Gadget Option, and then click on HTML / JavaScript Option. 

You can add this gadget in any place of the Blogger Layout; the place doesn't change the place of the Jump To Top Button. So add this anywhere in your Blogger Layout; it doesn't matter.

#5. Now we have to Paste the Code in HTML / JavaScript option.


#6. Paste the code, Save the Gadget and then look at the change in your blogger site.

You have successfully added the Sticky Jump-To-Top Button or Back-to-Top Element to your blogger site.

Also, Watch our Video to Add Sticky Jump-To-Top Button or Back-to-Top button for step by step Guide:-