Sunday, August 22, 2010

Adding a Floating Back To Top Button

If you have very long posts or a long line of comments, your visitors find it difficult to surf through your blog. So that's when you need to add a back to top button, and it's configurations are very easy too.

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src=''" src="" onmouseout="this.src=''"/></a>


you can change the pics if you wish to.The one ending with "up+b.png"(blue) should be replaced with your larger image and the other one(red) with the small image.

Just save your widget and view your blog with a floating Back-To-Top button at the bottom-right corner of your homepage.


Recent Posts


Recent Comments