Sunday 18 December 2016

How To Add Back To Top Button 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 customizarion.

Adding Back To Top Button To Bloggers Blog

1. Go to Blogger>Dashboard>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>
<!--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.








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 RSS Feed, Like us on Facebook, . Keep Blogging!

Subscribe via email

Receive Quality Tutorials Straight in your Inbox by submitting your Email ID below.

How To Add Back To Top Button In Blogger
4/ 5

If you like our post or have any suggestion or got stuck at any step implementing the widget to your blog then leave a comment below i will be glad to help you out.