How to add 'Up' or 'Back to Top' arrow in blogger/blogspot
If you are a blogger and you have long posts in your blog, you may wish to help your readers save time and the trouble of scrolling up the page by just adding a clickable 'UP' or 'Back to Top' icon.
Add the following as you would add any other HTML element widget. Copy and Paste the following code:
<style type="text/css">.backtotop a:hover {text-decoration: none; background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" title="Back to Top"><img style="border:0;" src="http://files.bloggerplugins.org/back-to-top.gif"/></a></div>
Add the following as you would add any other HTML element widget. Copy and Paste the following code:
<style type="text/css">.backtotop a:hover {text-decoration: none; background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" title="Back to Top"><img style="border:0;" src="http://files.bloggerplugins.org/back-to-top.gif"/></a></div>
- The 'Up' arrow image is hosted in this link http://files.bloggerplugins.org/back-to-top.gif you may change it with your own link to a different image.
- The way the code reads, the 'arrow' icon will appear on the right of the blog, to place it on the left replace the words right with left.
2 feedback :
PUGU. Thanx alot Sis. You know that we write some loong story that may need this "Back to top" link.
Thanx for your unselfishness.
Blessings
You are very welcome Mzee wa Chchzzz!