You might have seen a Link or Button image saying "Return to the top of the page" or "Back to Top" or "Jump to Top" on lot of websites and blogs. I will explain you how to add such functionality in your blogger blog.
Before starting let's have some basic knowledge about Anchor Tag - Intradocument Linking
Intradocument linking is linking to a location on the same page.
To link to a location on the same page, you need two anchor tags.
Hyperlink Reference <a href=></a>
Name Tag <a name=></a>
This configuration is used for the common Back to Top link on HTML pages.
The code is:
The href destination is preceded by the pound sign.
The matching Name Tag: Provides a location to jump to.
The <a name=> tag is placed at the desired location you wish to jump to. The name must match the hyperlink tag exactly, excluding the pound sign.
Steps to Add Jump to Top Link in blogger:#Step 1: Go to your blogger dashboard.
#Step 2: Navigate to Layout > Edit HTML.
and replace it with this code:
#Step 4: Add this code at the bottom(footer) of your code:
<a href='#'>^ Back to Top ^</a>
#Step 5: Save Template and Done.
How to Add Image Which Link Back to TopIn above steps i have explained how to add link which lead to Back to Top, now let's try to add Image instead of link.
In #Step 4 above add code like this:
<a href="#"> <img src="Image_source_URL" alt='Back to top'/> </a>
Below here some images for you, to use this images [Right Click and "Copy Image Address/Location"]:
If you are facing any trouble then let me know.