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

 

 


Tags: add links to footer, code generator, footer, footer content, footer links, links, links in footer, ning, ning code, ning code generator, More…ning generator

Views: 1076

Replies to This Discussion

Permalink Reply by Administrator JenSocial on November 13, 2011 at 12:10am

How cool this is

Permalink Reply by JenSocial on November 13, 2011 at 12:27am

Glad you like it Deb!

=)

Permalink Reply by Administrator JenSocial on November 13, 2011 at 1:24am

Done in under 15 mins So easy with your instructions

Permalink Reply by JenSocial on November 13, 2011 at 1:36am

Great Deb, thank you for the feedback.

=)

Permalink Reply by Fire-Tech on November 13, 2011 at 12:25am

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

Permalink Reply by JenSocial on November 13, 2011 at 12:26am

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

Permalink Reply by Citizens Party on November 15, 2011 at 4:29pm

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. 

 

Permalink Reply by JenSocial on November 15, 2011 at 5:09pm

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

Permalink Reply by JenSocial on November 15, 2011 at 5:27pm

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 {
}

Permalink Reply by Citizens Party on November 15, 2011 at 7:31pm

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

Thank you very much.

 

Permalink Reply by ShineOnMS on December 13, 2011 at 5:24pm

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

Permalink Reply by JenSocial on December 13, 2011 at 6:27pm

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

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips