Add A New Floating Back To Top Button In Blogger/Blogspot Blogs

1. Go to Blogger.com.

2. Login to your account.

3. Go to your layout section and then go to page elements.

4. Click add a gadget and select HTML / Javascript.

5. Now add the following code in the box.

<a alt="Back to Top" style="display:scroll;position:fixed;bottom:10px;right:2px;" href="#" title="Back to Top"><img onmouseover="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3kGTqhCkMNbpXXrGv3dXV_W661xlBqsZUZazTrOgb3d3iWQGsoF-jfTkTFXHUq9jwWYjpfQoReHKJVsw05-nrYoSOwKDKY2UBHsSryhA6MfUr67iguUfW2TvSRC4-LdC10Z5Wz9OEBdQ/s1600/Back2Top_2.jpg&#39;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbaPBHlo7J1TUwGV1UnhdrOM3GRW4pji4yS9IeBgGIaE1DOHgu7qJu3DkQJ-YgVZY3qTZc0Yb7RIDfFlhTzrldh_AhXwZCn8LKHA-jbHEwPn4q-EIKG3zZvKd_ZljipKAyq5AX4k2S2A0/s1600/B2T_Small.jpg" onmouseout="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbaPBHlo7J1TUwGV1UnhdrOM3GRW4pji4yS9IeBgGIaE1DOHgu7qJu3DkQJ-YgVZY3qTZc0Yb7RIDfFlhTzrldh_AhXwZCn8LKHA-jbHEwPn4q-EIKG3zZvKd_ZljipKAyq5AX4k2S2A0/s1600/B2T_Small.jpg&#39;" /></a>

By default its position is on the left. But you can change it by changing the code in the blue color.

6. Now save your gadget and you are done.

Posted in: Back To Top,Blogger Button,Blogging,Tricks amp; Tips