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

Posted by Anonymous on 8/28/2011

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYtimm0CVDFtYufAcd4sFrMlQGCMR7vnNT5zJ0ove5YGsI_GDF2fB7Q5CQf5iu34OzsYNhilKUmaN-iuBmfequ2BVku9Tv3BGV4bi1hcD1FLatoV4VSsromXqEUHWDh0vQZtKJGRFKhss/s1600/Back2Top_2.jpg'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUqD-t8jUVZ5wiG_ibUFS7kKjN_XOPuQveQKiE33Kz2HKF97Keqz3uaW7kgKTpQhONvq_o8y9edv8mYY9Q8VOZU1C8T6HksMnJEsceU_pbnogDW5kjWya1bTkd0oPlF5E8PvbibwI5ad8/s1600/B2T_Small.jpg" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUqD-t8jUVZ5wiG_ibUFS7kKjN_XOPuQveQKiE33Kz2HKF97Keqz3uaW7kgKTpQhONvq_o8y9edv8mYY9Q8VOZU1C8T6HksMnJEsceU_pbnogDW5kjWya1bTkd0oPlF5E8PvbibwI5ad8/s1600/B2T_Small.jpg'" /></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.