Thursday, September 17, 2009

Floating "back to top" button



This button will bring you to the top of a page for just one click, no need to scrolling up anymore.


1. Backup your template. recomended

2. Go to layout tab "Edit HTML".

3. Search and replace </body> the following:
<a href='#' style='display:scroll;position:fixed;bottom:0px;right:10px;' title='Back to Top'><img src='http://img260.imageshack.us/img260/1849/backtotop.png'/></a>
</div></div> <!-- end outer-wrapper -->
</body>

4. Save your layout.

Go on, click it! ;)


Add To Google BookmarksStumble ThisFav This With TechnoratiAdd To Del.icio.usDigg ThisAdd To RedditTwit ThisAdd To FacebookAdd To Yahoo

0 comments:

Post a comment