Back To Top Page: How To Do It?


Just add up #top after the page URL link if you want your visitor/reader to quickly go back to the top page of your published post/article. It can be done using textlink (hyperlink) insertion and/or image. Below are the examples using textlink and image (respectively) by referring to this page URL link; http://michaeldadona.blogspot.com/2011/03/back-to-top-page-how-to-do-it.html

1. Using Textlink

Type command word(s) e.g. Top, Go To Top, Back To Top Page, Top View, etc. whatever you like by means of giving an instructive word(s) of command.

Secondly, highlight the typed word(s) of command.

Thirdly, insert link to the  the typed word(s) of command with the page URL link which is completely #top added at the end;

e.g. http://michaeldadona.blogspot.com/2011/03/back-to-top-page-how-to-do-it.html#top

Live example;


2. Using Image as an icon


  • Upload the selected image you wished to use as an icon.
  • Click "Edit HTML", and go to the embedded image HTML code
  • Insert the page URL link which is completely #top added e.g. http://michaeldadona.blogspot.com/2011/03/back-to-top-page-how-to-do-it.html#top ; replacing the existing image URL link in the quote section for; href="Image URL Link Which Is The Same URL Link To Image Source " (Please Remember: Do not edit or disturb the existing image source URL link.- img src="Image URL Link")


My Blog Kitty: Back To Top Page: How To Do It?
Click image to larger

From the above embedded image, you also can observe how do I added the alternative text after the "img" code [ alt="My Blog Kitty: Back To Top Page: How To Do It?" ]. Adding alternative text to an image is very important, as to tell search engines' crawlers what is the image all about. ( Tell Google as much as you can about your embedded image )





My Blog Kitty: Back To Top Page: How To Do It?
(Live Example)