In a recent discovery whilst trying to solve problems on Blogger I discovered I could simply replace the URL of the gif or image with another one. Here is the code for the new gold flashing back to top button at the bottom of this post.

<p><a href="/pg/pages/view/17226/" title="Back to Top"><img src="http://www.feebleminds-gifs.com/arrow-up-icon-b.gif" border="0" />Back To Top</a></p>

You do not have to add the text "Back To Top" if you don't want to. To remove the "Back To Top" text simply delete those words just before the </a> at the end of the code:    border="0" />Back To Top</a></p>

The whole code will now look like this:

<p><a href="/pg/pages/view/17226/" title="Back To Top"><img src="http://www.feebleminds-gifs.com/arrow-up-icon-b.gif" border="0" /></a></p>

Here is what it will now look like without the text:

To replace the image of the up arrow just find a suitable image on the internet. Right click on the image you like and click on the "Properties" tab. In the middle of the pop up window there will be the words "Address (URL)" and a url to the right of that. Just highlight the url and right click on it and select copy.

Then, come back to what you are doing and paste the new url straight after the  "><img src=" which is in the second half of the code. Don't forget to remove the existing url before saving it. There is nothing you can do about aligning the back to top button, for example, to the right, or make it float. That is one of the disadvantages of this site.

So, have fun and create your own, unique, back to top button. It's that simple!

Back To Top