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

• Share on Twitter
• Share on Facebook
• Share on StumbleUpon
• Share on Delicious
• Share on Digg
• Share This!

Every professional blog should have a back to top button. Back to top button is used if your pages are long. Its let our readers to navigate to top of the page from anywhere on the page in seconds. It improves the look of our blog. You can add a back to top button in your blogger blog easily by following the steps below.

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 Red color .

<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/AVvXsEgNKzQ0vEE_X72bqnqEZCS3IzepZLBEVGTt6YLp1YsUav16QEJDwf-3NeA4qrRtMptqubimUuo207rucVEf0CBwyBUIkRTuKLVnvez7fZZfcAT8IcmDhut5WfamzkNWi-Yy0iSyyG2uYQw/s1600/Back2Top_2.jpg&#39;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbUUdbZiGw_vJjsUHi2g5nHmvZSd6WI_F5eK5n4gJ0o_4q17y7yzfPcxsLncMVD6kDp7bbHIXArNijDgRPXNeDjJU0orUpT2pTD_D8Fjpx9VEC3QOK4vqgr3r5Y0OTFciwHR1dczKP9I/s1600/B2T_Small.jpg" onmouseout="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbUUdbZiGw_vJjsUHi2g5nHmvZSd6WI_F5eK5n4gJ0o_4q17y7yzfPcxsLncMVD6kDp7bbHIXArNijDgRPXNeDjJU0orUpT2pTD_D8Fjpx9VEC3QOK4vqgr3r5Y0OTFciwHR1dczKP9I/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.