Top of Page Link?

[Tyler Durbin]

Does anybody know a good way to put a "Top of Page" link at the bottom of each page? 

 

It would be great for the forums and main page.  I thought i saw something earlier that someone did but I can't seem to find it...

[Tatay Ash]

try this. been using it in my site. put it in the Custom Code.

 

<!-- Back to top -->

<script type="text/javascript" src="http://api.ning.com:80/files/barP4CvULJhLKKEncvsEhvM7eEd2lAXN7ZT8NK-6kGQuqFF36CslShffKbo1MIlX67vvqRb8QWcYJdvBGIHXVNl60zepxfKt/scrolltopcontrol.js"></script>

<!-- End Back to top -->

[Tyler Durbin]

THANK YOU Tatay!!!

 

That arrow is awesome!!  I really appreciate it!

[Barbara Schneier]

Can you please explain the script more. It does not work for me. Should I be replacing the url with something else?

[Tyler Durbin]

Hi Barbara,

 

Make sure you put this in your custom code and not the custom css section.  It worked for me as is.

[Iuliana Murariu]

Great tip! 5 stars!

Question: can I change the arrow image? Blue doesn't fit at all with my site. 

Thanks!

 

[Patrick Chappelle]

Suite! Thanks Tatay!

[Glenn Lynch]

Is there any way to add it to the ning bar?

[Barbara Schneier]

Tatay, Crazy, it probably worked the first time, but I was expecting something else so did not notice the arrow. This is great. Thanks for sharing this with us. Barbara

[Ptcw]

awesome thanks

[Carrie]

Awesome! Love it - thanks!

 

[Being in the Now]

Hi i like this tip...

But the wibiya bar covers half of it...where in the .js script i can change the position to put the arrow image a bit higher

Thanks

[Tatay Ash]

1. Paste this link into a new browser tab - http://api.ning.com/files/barP4CvULJhLKKEncvsEhvM7eEd2lAXN7ZT8NK-6k.... Click Ctrl A to select all, Ctrl C, open Notepad and click Ctrl V to paste into Notepad.
2. In Notepad, locate this text string -
"controlattrs: {offsetx:5, offsety:25}, //offset of control relative to right/ bottom of window corner"
4. Change the values of offsetx and offsety to the desired position you want
5. Save the file, then upload it to your server or to your network via the File Manager.
6. Get/Copy the URL of the file you uploaded
7. Edit the corresponding Javascript in your Custom Code. Paste the JS file URL into the area as indicated below
<!-- Back to top -->
<script type="text/javascript" src="PASTE HERE THE URL OF THE JS FILE YOU UPLOADED"></script>
<!-- End Back to top -->
8. Save your Custom Code.