How to add Back to Top Button for Blogger
Sometimes we need to write our
content in huge amount this can increases size of pages in our Blogs, if a
visitor browse a full page and wants to go back to top then it takes some time
to go back, at that situation back to top widget handle the situation. We not
need to scroll whole page to move back to top. But need only a back to top widget,
now user easily go back to top with a simple click on this widget
How this widget useful for your blog?
·
Saves your visitors from an
unnecessary hassle of scrolling up.
·
This widget does not affect your
content.
·
It makes great impression on your
blog.
.
Now,
I will share with you, how to add “back to top widget” in blogger.
1st
step: Login to your blogger account.
2nd
step: Click on layout option available in blogger dashboard as
shown in image.
3rd
step: Select add a Gadget as shown here.
4th
step: From gadget window choose Html/Java Script gadget
5th
step: put the below code in content section as shown in image4 and click
save.
Code:
<a
style="display:scroll;position:fixed;bottom:5px;right:5px;"
href="#" title="Back to Top"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRW8rit5mruEaJYEHn9Qr8H-OaYiFqT4L7mOnent5h9TOcdfNnex5iqW22I7gZfWAsBaPRZAxPc9gLxVSNfQa5oZZSF0BmdxZ1pS_6v-F77IuAFdk5cUIZ1OOndSrZ0nqN1psvrANVA0w/s1600/saveideass.blogspot_arrow.png.png"
/></a>
6th step: click save arrangement button in blogger dashboard as shown in image
After this check your blog, you will
see “back on top” button on bottom right of blog.
After following above steps check
your blog, you will see “back on top” button on bottom right of blog. If you
face any problem please put a message in comment section.
Comments