How To Add A Top Of Page Icon Link To Your Blogger Blog

What is a Top Of Page link?

A Top Of Page link is simply a link at the bottom of your blog that a visitor can click and it will bring them back to the top of your blog.

Let's get started:

Login to your Blogger Dashboard

Next click Design

Next click Add A Gadget, preferably within the footer of your blog (the bottom area)

Now scroll down to HTML/Javascript and select that

Within the empty box you will put the coding needed

First let's do a simple HTML code, copy and paste the following code into the empty HTML/Javascript box:


<a href="#" rel="tag">Back To Top</a>


Next hit Save then go to your blog and test out the link to make sure it works correctly!

Now let's add a Top Of Page link with an image that hovers over your blog content. This will be located in the bottom right corner of your blog.

Inside either the same HTML/Javascript box or a new one, copy and paste the following code:


<a style="display:scroll;position:fixed;bottom:5px;right:10px;" href="#" title="Back to Top"><img src="IMAGE GOES HERE"/></a>


Now where it says IMAGE GOES HERE you will need to replace that with the direct html image link of an image of your choice. For example an arrow pointing up would be a good choice.

Once you have done that click Save and enjoy!