Add Floating - Back To Top Button/Image In Blogger Blogs

If you have some longs posts, or if some loyal visitors, who love to comment a lot on your blog, then it may create a small problem to other visitors, who would wish to come quickly to the top of the blog, after reading a post and it's comments.

So to add a short-cut for them, would be a good idea in this case. For this you can easily add a "Go to Top" arrow button, which keeps on sliding as the readers reads the post, and whenever clicked by him/her, it will escort them to the top region of the blog [See this in action in this blog - Right corner].

Log in to Blogger
Go to Layout -> Add a Gadget -> HTML/JavaScript type

Then paste this code in to it:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i34.tinypic.com/35lyjrb.gif" /></a>

And of course you can use other images too, by replacing the red part of the code above, try some of these:

| | | | |

And in case, you have Adobe Photoshop installed in your computer, then you can download a PSD image [Image shown above - with all arrows in it], and edit to get the arrows from it
[Download from Devianart]

---