Blogger Templates

Blogger Templates, Tips and Tricks. We Walk the Talk Blog.

4:37 PM

Floating "Top of Page" Icon Widget

Posted by Leathergloves on Monday, March 2, 2009

Some blogs and webpages have obnoxiously long pages that go on forever... and that's where this widget comes in handy. As you can see, there is a small floating arrow at the bottom-right of this page. It always maintains the same position. Scroll down a little, then if you click on it, it will take you to the very top of the page.
Why it's a good thing?


  • Saves your visitors from an unnecessary hassle of scrolling up.
  • The icon does not interfere with your content.
  • You can use your own image in order to blend in with your own blog.
+- Get the Floating Icon Widget

For Google Bloggers:


The html code:


Customizing the Icon Image:
  • If you wish to change the arrow image to something else, then find this line below and replace it with another image url
http://img119.imageshack.us/img119/8589/arrowupcx2.gif


Source from Installing Google Translate Widget (2)

2 comments:

Unknown said...

This is SO useful since I have a lot of pictures on my blog! One question though...if I've already added this widget to my blog, how do I edit it? I want to change the arrow since it's not quite noticeable but I have no idea how to find it again to make changes.

Leathergloves said...

Since there is no title, you have to edit every widget that has no title to find the code. I suggest you place this widget as your bottom right most column widget or as the bottom widget. That way, you know that is the "Back to the top" widget.

Copyright © 2024 Blogger Templates 123. All rights reserved.

Home | About | Contact | Privacy Policy | Disclaimer