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 Creators Network - "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. Call into your Network Footer via Analytics Box, using an iframe and JavaScript.

  1. Create your HTML.
  2. Upload to a server or to Ning via Blog (be sure to click on document upload icon)
  3. How to center content in your HTML - add a DIV with align=center, around your footer content, within your external HTML. Example start tag: <div align=center>
  4. Background color - the best way to set iframe background color: add the body tag to your external HTML, like in following example. You can add these tags to your Analytics box code. But, I've found that it's better to add to your HTML file. Example start tag: <body bgcolor=white> Note: Don't forget to end both the body and DIV tags in your external HTML file.
  5. Know your HTML path.
  6. Replace the src="your.html" with your HTML file path, in the example code below.
  7. Adjust the iframe width and height to fit your HTML content area.
  8. Add the example code below, to your Analytics box - Manage/Analytics. <script type="text/javascript"> x$("#xg_foot").after("<div id='custom_ads'></div>"); var ad_html = '<iframe frameborder="0" scrolling="no" allowtransparency="true" marginheight="0" marginwidth="0" src="your.html" width="955px" height="100px"></iframe>'; x$("#custom_ads").html(ad_html);

Views: 1091

Replies to This Discussion

Great, donations are much appreciated. ;-)
Yes, I actually have to charge $125 to do this for someone. I'm glad to hear you got through it, yourself.
Hi Jen,

I appreciate your hard work. I left you a little something in your main email account.
You have a great service here.
Thanks Scott! I can't tell you how much donations are appreciated. It really helps me continue my work here.
Thanks again,

i have tried doing it just like the tutorial says for some reason the foot wont appear but the script appears in its place please check www.swagg.ru

here is my html and the code in that i put in the analytics area


where did i go wrong?


Hi King,

It's in the HTML - - it's not being rendered as HTML without the default tags like HTML, HEAD, and BODY. I provided the code that works for me, on your discussion on the Creator site.

Hope that helps,


Hi, Jen!
I liked this feature, and added to my network. But if the banner is centered and in place, it also appears some text, as shown in the picture (it's a member profile)


It is your slider code that is causing this, not the tip code. Sorry, wish I could fix it quick, but it could take a while and couldn't do it for free.



Ok, dear Jen. Thank you for your quick answer! =)





I know you told me before jen im sorry but how do i remove the ning footer bar so I just have my footer?

Hi Alex,

Write it down, LOL. ;-)

#xg_foot {display:none!important;}



Thanks Jen, for some reason earlier today when upgrading logo watermarks etc I messed up my css for my footer I have it nearly fixed so far but now am unable to get the background footer to show up correctly. http://storage.ning.com/topology/rest/1.0/file/get/301598437?profil...


thats the background

Can you find where I helped you the last time? And, tip: always back up your Advanced CSS and Custom Code Box to text files.

Is this what you need?

#xg_ad_below_footer {background:url ("http://storage.ning.com/topology/rest/1.0/file/get/301598437?profile=original") no-repeat;}


Calling it a night,






© 2020   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

VIP Ning Tips