Friday

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



Digg Technorati del.icio.us Stumbleupon Reddit
feedburner

Every New lesson , directly to your Mail Box .....

4 comments:

Nelik fernando on October 26, 2009 at 3:19 AM said...

oh... thanz frend http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif

ViNaY on July 25, 2010 at 10:56 AM said...

Nice and easy tutorial without unnecessary crap :) thnx

Silentsahan said...

  I cant find that CODE ..why is that...?

Alip Iskandar said...

 info yang menarik ,sy ada info kontes seo WALETBET PROMO BONUS 100% SPORTBOOK DAN CASINO ONLINE Seragam Kerja Kantor Murah di Surewi obat wasir dan ambeien manjur Deprimaterra.com kawasan industri dan pergudangan eksklusif dengan penghijauan fortuner suv terbaik

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

The Word Validation image has been removed and no need to Sign In. So don't be lazy ..........

 
This blog sucks under Internet Explorer.

Buy me a Coffee


Powered By

Latest Site News


Animated 3D Dock removed in order to speed up loading time and to help IE users.

This site will be come up with a DOMAIN name soon.

Link and Win competition will start as soon as the Domain name added. Join with us. You could be the winner.

Site Info

since 2009 April

Vote

Vote to My site to be nominated for Best Geek Blog!

Submit a Lesson

Visitors

of Visitors read Pages.

Lessons by DragonD | Template by Simran | Logo by lahirulcd | Temaplate redesigned by DragonD| Icons by DryIcons.com | Licensed under CC license Creative Commons License