Thursday, March 10, 2011

Tutorial Thursday: Adding a "Go to Top" Link

If your blog's main page displays a lot of different blog posts, it is generally a good idea to provide a 'head to the top' sort of link for your readers.

It's quite simple to do, and here' how to do this in Blogger:
  1. Under Design, click Edit HTML.
  2. Check the “Expand Widget Templates” option.
  3. Somewhere in between the codes <body> and </body>, copy and paste this code the following code there:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="THE LINK TO YOUR IMAGE GOES HERE"/></a>

Note: Don't forget to replace the "THE LINK TO YOUR IMAGE GOES HERE" with the actual link for your image :)

I would suggest scrolling all the way to the bottom and pasting it right before the </body> code so its easy to locate.

Did you find this tutorial helpful? Share my button!
Looking for a particular tutorial? Let me know!


Post a Comment

Thanks for visiting Custom Scrapbook Blog Designs.

Related Posts Plugin for WordPress, Blogger...