Back To Top Widget For Blogger

You might have seen a Scroll to Top or Back To Top button on many sites and blogs. What is the advantage of using a scroll to top or back to top widget? When you add the scroll to top widget you will get a button on the right corner and when a user clicks on it he can get back to the top of the blog.

How to Install the Back to Top Widget for Blogger?

• Sign in your blogger account
• Go To Layout > Page Elements 
• Click on add a Gadget
• Click on HTML/JavaScript
• Now Copy paste the code below into the HTML / JavaScript widget

<style type="text/css">.backtotop a:hover{background:none}</style>
<div class="backtotop">
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://lh6.ggpht.com/_7wsQzULWIwo/SgXYJAl0TcI/AAAAAAAABDc/_gSevr05V18/Up1Blue%5B9%5D.png?imgmax=800"/></a></div>

• Finally save your widget and view your blog with a floating Back to top button at the bottom-right corner of your homepage 

Share this article: