How To Add A Floating “back to top” Button in Blogger

In long blogs, after scrolling down , you may take long time to scroll up again. For that , we have a little gadget to add. You can add a image to automatically scroll up words. Or you can use a text. ( I tried this trick under Microsoft Internet Explorer but it did not work , many graphic tricks sucks under Internet Explorer. Just try to use another web browser as Fire Fox or Chrome). Now lest see how to add this.


1. Edit your Template
2. Now find out 

</body> 

( press 'Ctrl' + F to open your browser's search box)


Paste following lines just above it.

<a style="position: fixed; bottom:5px;left:5px;" href="#" title="Back to Top">
<img style="border: none;" src=" Paste your Image's URL here "/>
</a&gt;

If you want a Text instead of the Image button, use this code

<a style="position: fixed; bottom:5px;left:5px;" href="#" title="Back to Top"> Go to Top </a>

Now follow the Safety Saving Steps.

And 
bottom:5px; - stand for the position , pixels from bottom
left:5px; - stand for the position , pixels from left


Here are some Icons for you,

Image URL -http://dryicons.com/images/icon_sets/stickers_icon_set/png/64x64/up_arrow.pngImage URL -http://dryicons.com/images/icon_sets/blossom/png/64x64/up_arrow.png

Icons by :- http://dryicons.com