Back To Top Widget For Blogger

Tag
Diposkan oleh Unknown on Monday, January 3, 2011 di Monday, January 03, 2011

You might have seen a Scroll to Top or Back To Top button on many sites and blogs. You can see a similar button here on my blog.

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ZrsebWq_TFYDif7ENOy_3Awxo6Aq5401RqCIKu_tBu4J_79H4vkR9EtASB6zQKSomu2pPUErExxJGg0hrBqvXn8DggMl52o3WNMW9uPZIv-oNcFyGpK2TmgkxYf_ccqpgjSRNc-2RLI/?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