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.
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
ps, further tip, if your Manage Network tab is cluttering things up, hide it by putting this in the advanced css section:
Word. This sounds wonderful. Interested to hear how others use this one. Thanks for sharing!
GREat tip. HOw can i add images like u added in Tabs. thats innvoative.. Community Blogs.
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
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 :)
great. Cheers, SP
Hi, I've used attachment code but my last tab is 'Admin' so hidden from public view - I've tried using both the Admin tab code and the final public code 'Help' but this wonderful thing doesn't appear :-/ Also tried making nav shorter...would the hidden Admin tab be causing this?
(and I removed LinkedIn code)
your final 'Help' tab has a class name of xg_tab_xn3 so if you're using that (where the green code is in my example) and the code as attached (not pasted above) then it should work.