Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

S'up bitchez?

Here's a little tip to get some social icons inserted into your navigation bar so it looks something like this:


First off you need to find the div ID of the final nav tab in your navigation menu. You can do this using Firefox Firebug (great tutorial here from Elson Tan). In the example used in the code below, the div id of the tab is #xg_tab_xn47 but yours could be Members: #xg_tab_members or Blogs: #xg_tab_blogs, or whatever.

Once you know the tab div ID, replace the green code below with yours.

The red code will also need changing depending on your urls and choice of wording.

Once you've done that, insert the code into your custom code box and you're done.


<script type="text/javascript">

x$(' #xg_tab_xn47').after('<li style="padding-left:10px;
border:none;"><a style="font-family:georgia; font-style:italic;"> Follow</a></li><li
style="border:none; margin-right:-10px;"><a target="_blank" href=" http://yourTwitterURL"><img
src="https://storage.ning.com/topology/rest/1.0/file/get/11386512?profile=original"
width="20" /></li><li style="border:none; margin-right:-10px;"><a
target="_blank" href=" http://www.yourLinkedInURL.com"><img
src="https://storage.ning.com/topology/rest/1.0/file/get/11386518?profile=original"
width="20" /></a></li><li style="border:none; margin-right:-10px;"><a
href=" https://yourGPLUSURL" style="text-decoration:
none;"><img src="https://ssl.gstatic.com/images/icons/gplus-32.png" style="border:
0;" height="20" width="20" /></a></li><li style="border:none;
margin-right:-10px;"><a target="_blank" href=" http://www.facebookURL"><img
src="https://storage.ning.com/topology/rest/1.0/file/get/11386528?profile=original width="40" /></a></li>');

</script>

This tip will only really work on networks that don't have many tabs and sadly i'm only using it on a development site at present so don't have a working version to show, but i thought i'd drop it in for anyone who could use it.

Script attached as well

Cheers

SP

More tips on my profile page.

ps, further tip, if your Manage Network tab is cluttering things up, hide it by putting this in the advanced css section:

#xg_tab_manage{
display:none;
}

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Word. This sounds wonderful. Interested to hear how others use this one. Thanks for sharing!

  • Sp

    GREat tip. HOw can i add images like u added in Tabs. thats innvoative.. Community Blogs.

    • NC for Hire
      One for later down the line once I've relaunched my site. I do believe that superstar John of motorhomes fame has already posted something similar somewhere, but not 100% sure
      SP
      • Wasn't me.  

        Thanks for the tip!

  • LMAO!!! OMG Sp haha, your intro...oh and great post! thank you! Now if only I could find a good translation widget that doesn't mess up my network i will put up there too. I'll be saving this awesome post.

  • It's not showing up on my network and I'm sure I did everything right. And yes it is in the Custom Code Box

    • NC for Hire
      Hi, did you copy the code from the attachment ? There are often issues with code getting broken when pasted on discussions hence the attachment. Also, have you definitely located the correct div id of the final tab?
      SP
      • NC for Hire

        looks like you have got the right tab id but your code is broken over several lines. try the code in the attachment :-)

        • It worked perfectly when I copied via the attachment! Thank You Superstar :)

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Oriel updated their profile photo
11 hours ago
Oriel updated their profile
12 hours ago
Oriel and Jonathan Peebles are now friends
12 hours ago
Jonathan Peebles and Tavolo Ornitologico are now friends
12 hours ago
Alex Ning Support replied to David Shaw's discussion
Wiki
"Hello David,
Thank you for your interest in improving our platform.
Unfortunately, we don't have in…"
17 hours ago
Amal Ragheb, Lucas makaliki, Joseph Chukwuemeka Nwakamma and 15 more joined Ning Creators Social Network
23 hours ago
David Shaw posted a discussion
I'm wondering what the status is on adding a wiki to my Ning site. I searched the forums and see ma…
yesterday
Bizz replied to Anastasia_Ning_Support's discussion
Apologies for the recent network instability
"Well it seems we are back to where we were the other week with the sites constantly waiting for the…"
Tuesday
Alex Ning Support replied to Anastasia_Ning_Support's discussion
New Social Sharing Options
"Hello,
 
We have checked what causes the reduction of the page speed loading.
Facebook shares and l…"
Monday
Alex Ning Support replied to Anastasia_Ning_Support's discussion
New Social Sharing Options
"Hello! 
Thank you for bringing our attention to this.
I've checked the page you have sent previousl…"
Monday
HaYoung Park, Monty Yeager, Unmesh Brahme and 15 more joined Ning Creators Social Network
Monday
Tavolo Ornitologico replied to Bizz's discussion
NEW GAMES OF THRONES THEME ADDED FOR PROFILE THEMES
"and perfect i am ready to create 3.0 themes and to test my codes first, thanks a lot for the explan…"
Monday
More…

Meanwhile, you can check our social media channels