Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
I didn't want an outside toolbar on my Ning site anymore so I though about which items I liked the most and made a substitute solution that I am really happy with, I can add more whenever I find new stuff.
You can see it in the bottom right hand corner of my network, http:girlriders.ning.com
Find your links, find your images, figure out where you want to put them, then fill in the "your page" items in red in the code below. Then paste into your custom code area of your network.
(I also had a FB like button, but it was giving an overflow error on some pages, so I removed it for the time being, if you figure it out, let me know).
Here is the code broken down for explantion...
1. <a target='_blank' href='http://your-ning.com/chat/index/popOutWindow'>
Copy this address from the page you want to link to, 'blank' means it will open in a new window.
<img src='http://a-chat-image.png' This is an image address that you have uploaded somewhere.
title='Chat' This is the "tool tip" hover text
alt="Chat" This is what shows up if for some reason the image does not load.
style='position: fixed; This will keep the items from scrolling
bottom: 130px; right: 15px;'> This is the position of the item relative to the screen
</a>
You can see below I positioned mine so that they would start on the bottom right and be equally spaced vertically by adjusting the distance from the bottom for each item.
Here's the code for each of the items on my site(names changed for you to fill in) I have CHAT, FACEBOOK, TWITTER, RSS, DONATE:
<a target='_blank' href='http://your-ning.com/chat/index/popOutWindow'><img src='http://a-chat-image.png' title='Chat' alt="Chat" style='position: fixed; bottom: 130px; right: 15px;'></a>
<a target='_blank' href='http://www.facebook.com/pages/your-full-facebookpage-address'><img src='http://a-fb-image.png' title='Like us on Facebook' alt='Like Us' style='position: fixed; bottom: 105px; right: 15px;'></a>
<a target='_blank' href='http://twitter.com/your-twitter-page'><img src='a-twitter-image.png' title='Follow us on Twitter' alt='Follow Us' style='position: fixed; bottom: 80px; right: 15px;'></a>
<a target='_blank' href='http://your-ning.com/activity/log/list?fmt=rss'><img src='http://a-rss-image.png' title='Add RSS Feed' alt='Add Feed' style='position: fixed; bottom: 55px; right: 15px;'></a>
<a target='_blank' href='https://www.paypal.com/your-donate-account><img src='http://a-donate-image.png' title='Keep Us Online' alt='Donate' style='position: fixed; bottom: 30px; right: 15px;'></a>
After you fill in all you information in an HTML editor or notepad, paste it to the bottom of the custom code section (ning).
Enjoy!
Tags:
You're welcome, and thank you!
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Rodney Cummins. Last reply by Rodney Cummins Jul 22, 2013. 2 Replies 1 Favorite
Started by Bernard Lama. Last reply by JenSocial Jun 3, 2012. 1 Reply 1 Favorite
Started by Mind's Eye. Last reply by Mind's Eye Feb 29, 2012. 1 Reply 1 Favorite
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.