Blogger

How to Add Back to Top Button in Blogger


If you have very very long posts, after reading your post that will very boring to reach to top of the website. So adding a Back to Top button in your blogger site is very useful to your visitors. In this content Share to World will tell you how to add the Button or Icon to your blog to make your readers easily to back to top of the page.

Back to Top Button_01

This is very simple to install on your blog and it will be placed on bottom right corner of your blog so the readers can make use of this useful customization.

1- Login to your Blogger Account

2- Go to Blogger Dashboard  >  Layout  >  Add Gadget  >  HTML/Javascript

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><!--sharetoworld.com-->
<!--BACK TO ENDS-->
4- Replace the Text in Red with URL of your image.
Example in my blog:
Back to Top Button
 
<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/-MTMYTrraJ6o/U-R2NkUaJLI/AAAAAAAAAYM/w1PyOqbeymA/s1600/10+back+to+top.png"/></a><!--sharetoworld.com-->
<!--BACK TO ENDS-->
5- Save the Widget and you will have Back to top button on your blog.

Done ! Don't forget to share this post to your friends by clicking the sharing buttons below.


0 comments:

Post a Comment

Powered by Blogger.