Back to Top Button Html Code in Blogger

In this post i will teach you to add simple Button or Icon to your blog to make your readers easily go back to top of the page. If your readers are browsing through dozens of posts on your blog, this simple plugin will let them to jump directly to top of the page. This plugin is very simple to install on your blog and it will be placed on bottom right corner of your blog so readers can make use of this useful customization.

Adding Back To Top Button To Bloggers Blog

1. Go to Blogger Dashboard and click on Layout.
2. Then Click on Add Gadget and choose Html/JavaScript from pop up window.
3. Now paste below code into it.

<!–BACK TO TOP STARTS–>
<a rel=”nofollow” style=”display:scroll;position:fixed;bottom:10px;right:5px;” href=”#” title=”Back to Top”><img src=”URL OF BACK TO TOP “/></a><!–mozpk.com–>
<!–BACK TO ENDS–>

4. Now replace the Text in Green with url of your image. I have provided some image at the bottom of this post which you can use on your blog.
5. Save the widget and you will have Back to top button on your blog.

Images For Back To Top Buttons

Right click on any of the below image and select Copy Image Url and paste in the provided code above or check Step 4 for more information.

Back to Top Button Html Code

Share Your Thoughts!

If you like our post or have any suggestion or got stuck at any steps implementing the widget to your blog then leave a comment below i will be glad to help you out. Subscribe to our blog, Like us on Facebook, +1 on Google+. Keep Blogging!

Leave a Comment