Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Adding a floating “back to top” button

In long blogs ( such as mine ) , 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 'Ctr
l' + 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.png


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


Icons by :- http://dryicons.com


This post first appeared on Blogger Template Editing, please read the originial post: here

Share the post

Adding a floating “back to top” button

×

Subscribe to Blogger Template Editing

Get updates delivered right to your inbox!

Thank you for your subscription

×