Floating "Top of Page" Icon Widget

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 in your template, 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.
  
  
  
  
  
  The html code:
  
  <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>
  
  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
  
  
  

Artikel Terkait: