Grou.ps Network Creators Members - Jen's Social Network Directory and Social Network Creator Hub. Social Network Forum - Jen's Social Network Directory and Social Network Creator Hub. How To Remove Right Column for a Group - UPDATE after New Ning - Jen's Social Network Directory and Social Network Creator Hub. Related Tip:How To Remove Right Column For Pages Since things have changed and the Ning ID and Ads have been removed from the right column; I would like to share a nice tip with everyone.
With the new Ning, any site that has access to the Custom Code Box (previously Analytics Box) can use this tip: Ning Plus and Ning Pro How to remove the right column from a specific Group (Main Page of Group): Add the following code to your Custom Code Box, via (My Network/Tools/Custom Code).Be sure to change the Group name. Use the exact name at the end of your group URL. For example, the Group URL for the Ning Tips on JenSocial is: " If I wanted to remove the right column from this Group, I would replace the 'your_group_name' with 'ningnetworktips'UPDATE July 21, 2010: If you are using this code and it stopped working, please copy/replace using the updated code, below.
Enjoy! Add Simple Text Box to Profile Pages, For Member Announcements - - Killer Tip! You can make announcements to your members by adding a special box on member profile pages. The message will be displayed above the status bar, top center. Only you can control the content of the special box. INSTRUCTIONS: 1. Edit the text below, using your custom text message. 2. Add the entire block of code to the Custom Code Box (Analytics) via My Network/Tools/Custom Code Note: If you sign out, it may take a while for the caching to catch up, and for the box to show. This is true for any tweak you make to your Ning Network. WARNING: As in all tips offered here on Creators, or on JenSocial, tips are hacks.
If you include an apostrophe like in a statement: "Here's the trick. " this code will break. Tip: If you make the font-size large, you may want to increase your padding. Please let me know if you experience any issues with this tip. Example: ISSUE REPORTED ON AUGUST 31, 2010 Everyone, Please make sure your Status Box is editable. Scroll Bars for Text Box: Enable Scrolling for Long Text. Save Space in a Text Box by Adding Scroll Bars, to scroll through long text: I'm adding this tip to the Creator site, because I've seen the question asked a few times. I wouldn't say it is a "Ning" tip, yet a typical HTML tip. A lot of members on JenSocial have found it helpful. I hope someone here on the Creator site finds it useful. Want to add an inline scroll box to your site?
You can add one to a text box on your home page, or a page created with Add New Page ( Copy the code from the attached file. Code Example in attached file. Tags: scroll, scroll box, scrolling, scrolling box, tip, tips Attachments: ScrollingDIV.txt, 1 KB ▶ Reply to This. Wasted White Space / Real Estate. Move Members To Header! UPDATE: Display in Header on All Pages! Do you see the member icons/links in upper right of the JenSocial header? Would you like to do the same on your Ning Network?! Well, I'm about to tell you how. ;-) Before you read further: this will take a little tweaking on your part. You either need to know how to use Firebug, or have an available test site. Otherwise, this could be almost impossible to get the layout just the way you want it. This tip provides the special CSS that will enable you to move the Member Module box to the header of your network. The tweak is not for someone who has little or no experience with CSS.
Example Code as Tested on the Ning Creator's Network (via my FireBug): Have fun! P.S. UPDATE: Display Members in Header on ALL PAGES Except Member Profile Pages (It came to my attention, if we move to header on Profile Pages, it messes up the module.) 1. How To Customize Page When Member Leaves Your Ning Network. If a Member of your Ning Network chooses to leave your Network via:My Settings/Profile/Leave "Your Ning Network", you can customize the message you would like for them to see on their departure. This is a great way to wish them well, and say thank you for being a part of your Ning Network. It leaves a positive message with them, as they depart. And they may decide not to leave.
Important Note: I have experimented with this several times. Based on my experience, you cannot add any HTML tags. How To Customize / Add Text to "Are you sure you want to leave...? " Go to My Network/Settings/Language Editor, and click on EDIT next to your language.Be sure to give the page time to completely load, to ensure you select the correct language.Under the title "Original Text", to left of Search button, search on this exact string: "Are you sure you want to leave %s? Good Luck, Jen Tags: customize leave network page, leave, leave network, leave network page, member deletes account, member leaves. Customize the Built-In Ning Footer. First, this tip has nothing to do with a customized footer with tons of links, etc... You will find that tip here. This new tip will show you how to customize the default content within your Ning Footer.
If you look at your Ning Footer you will see something like the image below. I have captured the screen for two cases. Did you know that Network Creators and Administrators see the word "Help" with Ning's Help link, and Members and Visitors see "Report an Issue"? In regards to the image below, don't freak. Back to the topic at hand - - to customize the copyright notice, created by, or to change the "Report an Issue", you will need to edit the default content via your Language Editor. To Edit the default content for Report an Issue, please follow the instructions above and search for: Report an Issue If you would like to change the link to Report an Issue, add a standard a href tag. Enjoy! Important Note: Test this on a test site first.
How To Remove Right Column For Pages - Hide Right Column on Pages. Related Tip:How To Remove Right Column for a Group (Main Page of Group) Have you ever wanted to remove the right column for certain Pages, on your Ning Network? Since the new Ning will include these services, I can't think of a reason to not share this awesome tip. Do be aware: This is a hack. As in all hacks, if Ning changes these variables/styles, it would no longer work. There are two ways to do this: Add special code to your Custom Code Box for a specific page, or Add special CSS to remove from all pages. Remove Right Column for Specific Page, via Custom Code Box (Analytics):The code below uses the example page called "great-page". <script type="text/javascript" language="javascript">if (window.location.href.split('page/')[1] == 'great-page') {x$('.xg_widget_page .xg_last').css('display','none');x$('.xg_widget_page .xg_3col').css('width','955px');x$('.xg_widget_page .xg_span-16').css('width','945px'); x$('.xg_widget_page .xg_span-4.xg_last').css('display','none');}</script> Enjoy!
Add Special Content to Footer. I've already had a couple of fellow NCs ask "How do I create a footer, like the new footer on Creators Network? " If this tutorial has already been created, I couldn't find it. Your content and formatting is up to you, of course. But, I can show you how to add your footer content to your Ning Network. This is very similar to the How-To on "Inserting JavaScript ads or content in the header of your networks". So, if you want to learn how-to add/insert content or ads in your header, see Derrick's How-To, above. How To Add Content to Your Footer: Summary - Prepare your content and add to an external HTML. Create your HTML.Upload to a server or to Ning via Blog (be sure to click on document upload icon)How to center content in your HTML - add a DIV with align=center, around your footer content, within your external HTML. Tags: add ad to footer, add content to footer, footer, footer content ▶ Reply to This. Do Yourself a Favor, Add the "ALT Attribute" To Your Image Tags. - Creators#comments.
Why should you add the "ALT Attribute", when adding an image with the image tag? Tag Example: <img src="yourimage.jpg" alt="This is your ALT text. "> The ALT (alternate text) is displayed while the image is loading, and remains if for some reason the image cannot load.It's a great way to increase your important keyword Search Engine results, which will help your site gain more Organic traffic. * Please see advisory on keyword stuffing.How did I get in Google's top Search Engine results in less than 4 hours? I try to add the ALT attribute to all images. The reason for this is simple, to accomplish both items above. To cover a few more details and the importance of the ALT attribute in regards to search results and traffic - - aside from the obvious ways to gain more traffic: great content, your site has been around a while, you have great incoming links, and high Google/Alexa rankings, etc...your Search Results will be higher and more often, if you add ALT tags.
Add Text Before or After Module Headers. I just had a member on JenSocial ask this question, and thought it warranted a great quick and dirty CSS tip. He wanted to change his home page Video Module title to "Featured Videos". When he changed via the Language Editor, it got confusing and was changed in more places than he wanted. Here's a nice way around a situation like this.
You can use the CSS property called: content, to add text or an image, before or after any CSS element. For example in this case: Add this code to your Advanced CSS, via My Network/Settings/Appearance: This will change your Video Module header from Videos to Featured Videos. You can also add images. Enjoy, Jen. Make Your Image Avatars Stand Out On Home Page. Make the Avatars on your home page stand out.
Add a thin frame border around your home page member avatars, and a nice shadow in FF. This CSS will add a thin border and a little padding around your home page avatar images. It will include the member avatars in blogs, forums, latest activities, members, and for any avatar. It also adds a very subtle color when the avatars are hovered. See it in action on JenSocial home page. ADD TO FORUM MODULE ONLY:Here's the trick. Enjoy! Add Hover Image Effect to Latest Activity, Blogs and Forum Listings.
This is the latest Ning Tip on JenSocial. See it in action: JenSocial.com I'm enjoying this effect on my site. It is a simple block of CSS that adds an extra flare of elegance to your Home Page Listings for Latest Activity, Blogs and Forums, when hovered. The CSS will add an image background when someone hovers a listing or entry. You can replace the image below with your chosen image. You can also change the code from background:url to background-color:#e6e6e6, and change to color of your choice. Edit attached code to suit your preferences, and add to Advanced CSS via:My Network/Settings/Appearance /** End Hover Effect **/ It appears that the Discussion boxes are messing up the image url.
Enjoy! Tags: forum, hover, hover effect for forum, hover effect for latest activity, image background, latest activity, special effect Attachments: hovereffect_la_blog_forum_listings.txt, 1 KB ▶ Reply to This.