How to add Back to Top button widget to blogger.

Back to top icon is a link on any website or blog which sends the viewer to the top of that web page. Besides this, it adds a good look to your blog or website. It is very simple to add back to top button widget to blogger.

For this purpose, the following simple steps are given below:-

Firstly you should have two arrows images, one small and one bigger.

We are giving two type of images given below. Just right click on the images and Click on Save image As to your computer.

Upload these arrow images from your computer to Photobucket or any other service.
Now go to Blogger > Design > Page Elements > Add a gadget > and add a HTML/JavaScript gadget
Now copy the following code and paste in this newly added gadget.

<!--BACK-TO-TOP-STARTS--><a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='</span><span style="color: #990000;">PUT-HERE-LINK-ADDRESS-WHERE-BIGGER-IMAGE-IS-UPLOADED</span><span style="line-height: 115%;">'" src="</span><span style="color: #990000;">PUT-HERE-LINK-ADDRESS-WHERE-SMALLER-IMAGE-IS-UPLOADED</span><span style="line-height: 115%;"> " onmouseout="this.src='</span><span style="color: #990000;">PUT-HERE-LINK-ADDRESS-WHERE-SMALLER-IMAGE-IS-UPLOADED</span><span style="line-height: 115%;">'"/></a><!--BACK-TO-TOP-STOPS-->

;

Replace the text given in capital letters with the link address where the bigger and smaller images are uploaded as indicated in the code.
Keep the title of HTML/JavaScript gadget blank and click OK.