Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
What is the generator? The Generator will take your simple HTML tags and text, like paragraphs, links and images - - and creates the script for your Custom Code Box - - to inject your content into a special place on your Ning Network. For example: you may want to add a simple text message before/after your NingBar. See great mini-tutorial for: Announcement at Top of New Chat Box, at bottom of page.
Inject code :
JenSocial Injection Code Generator | Developed by Elson Tan
This is how it works. The generator will take your simple HTML tags and text, like paragraphs, links and images - - and create the script for injection into special locations in your Ning Network. For example, you might want to insert a special message above or below the Navigation or NingBar. The generator creates the script for you. There are pre-coded location insertions points you can select to insert your HTML after or before those locations.
Warning: We've tested the Generator, but it's still in beta. Please report any issues you experience. As in any code hack or tip, please install at your own risk.
For Advanced Users:
If you know a CSS element id/class name, you can enter the name in the element name/class/id field and follow the same steps above - - minus selecting the class/id. Be sure to include the class prefix - a period, or the id prefix - a pound sign, #. For example: #xg_navigation or .account-links
We will be adding new elements in the future. PLEASE feel free to share your element ideas.
HTML Code Examples - CORRECT WAY AND WRONG WAY ;-)
<center>Testing the Injection Code Generator to add HTML below the Ning Bar. I think I\'ll add a link to yahoo.com for my test code. <a href="http://www.yahoo.com">yahoo</a> I wanted to center this text, so I wrapped my HTML with the center tag.</center>
<center>Testing the Injection Code Generator to add HTML below the Ning Bar. I think I'll add a link to yahoo.com for my test code. <a href="http://www.yahoo.com">yahoo</a> I wanted to center this text, so I wrapped my HTML with the center tag.</center>
HTML Code Examples/Template Code
<div style="padding:10px;border-bottom:8px solid #e6e6e6;">Welcome to Live Chat! We hope you enjoy meeting and chatting with fellow members. Please be respectful towards others.</div>
The generator was developed exclusively for JenSocial - Copyright © 2011 JenSocial, all rights reserved.
Support for the Generator is only offered in VIP Group.
Developed by Elson Tan, a very talented young Developer.