Ning Footer Links: Add Simple Text and Links (HTML) to Ning Footer - AUTO GENERATOR AVAILABLE NOW!

Ning Footer Links: Add Simple Text and Links (HTML) to Ning Footer

There are many ways to add simple HTML (Text and Links) to the Ning Footer, none real straightforward on Ning. You should be able to add via Language Editor by searching on existing footer "link text". I haven't tried this in a while, but I think you can still add links via LE.

Old Tip:

http://jensocial.com/group/ningnetworktips/forum/topics/customize-t...

 

Or, you could inject via Custom Code Box with script, and the purpose of this tip - - Add via My Network/Tools/Custom Code:

 

<!- Before Existing Link: Badges ->

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("#xg_foot .right").prepend('This <a href="mylink.com">link</a> goes in your footer to left of existing links like Badges.');
}
else {
}
</script>

 

<!-- After Created By:xxxxx -->

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("#xg_foot .left").append('This <a href="mylink.com">link</a> goes in your footer to right of Created by:xxxxx. It will wrap other links if you add too much text.');
}
else{
}
</script>

 

<!-- After Entire Line -->

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("#xg_foot").after('Add HTML after Footer');
}
else {
}
</script>

 

<!-- Before Entire Line -->

<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$("#xg_foot").before('Add HTML before Footer');
}
else {
}
</script>

 

 

Enjoy!


Attention VIP Members: Auto Script Generator to Inject Code Like this is NOW AVAILABLE here: http://jensocial.com/group/premiumningtipsbyjen/page/jensocial-inje...


Not Ready to Join VIP Group? Use of text Generator is available for only $7.95 a year, or $19.95 for life! VIP MEMBERS INCLUDED FOR YOU IN VIP CLUB!

http://jensocial.com/page/ningcodegenerator

 

 


Views: 1526

Replies to This Discussion

How cool this is

Glad you like it Deb!

=)

Done in under 15 mins So easy with your instructions

Great Deb, thank you for the feedback.

=)

Sweet! Look forward to the gossip..I mean generator too :)

LOL, WE are working on that gossip thingy. ;-)

Jen, I tried the code under <!- Before Existing Link: Badges -> to create a link to our Get Started page. It worked, but it is very close to the Badges link.    

It looks something like this:          Get Started Citizens Party Badge   Help    Terms of Service

Did I do something wrong or forget something? How can I add a little bit of space between the new link and the Badge link. Note: I changed the Badge to Citizens Party Badge in the Language Editor. 

 

Whoops, just hit me. I need to come up with some css styling for this case. I'll get back to you soon.

CP,

At first it appeared to me that simple spaces wouldn't work. But I think if we add the escape code for non-breaking spaces it will work just fine and simplify the process. Let me know if this works, and across browsers. Then I'll update the tip. Sorry I overlooked this issue. Use &nbsp; for each space. Otherwise I'll have to provide padding, and problem is, the entire right portion of footer won't accept padding, has to be by element - - the links. Long story, let me know, then I'll come up with CSS alternative.

if (typeof(x$) != 'undefined') {
x$("#xg_foot .right").prepend('This <a   href="mylink.com">link</a> goes in your footer to left of   existing links like Badges.&nbsp;&nbsp;&nbsp;&nbsp;');
}
else {
}

Thanks Jen! It worked with the addition of the &nbsp; 

Thank you very much.

 

Do i add all 4 codes to the generator just the 1?

Ryan,

It depends on what you're trying to add and where. This tip provides a way to add text or links in different locations in your Ning footer.

Hope that helps,

Jen

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips