How to Make a Back to Top Link in Blogger

"Back to Top" links are a common feature in web design. Placed at the end of a long article or at intervals throughout an article, they enable the reader to click once to jump back to the top of the page without having to use the scrollbar. You can add such links to your Blogger posts by opening a post in Blogger's HTML editor mode and adding the simple link code.

Instructions

    • 1

      Open the post you want to edit in Blogger and click the "Edit HTML" tab to look at the post's raw HTML code (rather than the cleaner, interpreted text).

    • 2

      Go to the place in the post where you want to insert a "Back to Top" link and add code along the following lines:

      <a href="#">Back to top</a>

      This creates a link to the top of the current page with the text "Back to top," although you can use whatever text you like. You can also use an image:

      <a href="#"><img src="backtotop.jpg"></a>

      (The "backtotop.jpg" portion of the code should contain the path and filename of the image you want to use.)

    • 3

      Click "Publish Post" to save the changes and add the link.

Related Searches:

References

Comments

Related Ads

Featured