How to make FACEBOOK like top bar ( Ning bar)?

This tip includes : a small profile photo exactly like facebbok ( small profile photo on ning bar code is originally written by TJ) , profile link with my profile written, my friends link, find friends link on the left side of Ning Bar.

Instructions:

Simply copy and paste the following code into Custom Code. 

Note: If you are looking for a person to customize your site, I'm available for hire. You may want to check my profile or you can directly contact me via my email id bernardmax2@gmail.com

Try Private help full support

The Code

<script type="text/javascript">
if (ning.CurrentProfile != null) x$('#xn_bar_menu').find('a#xn_username').after('<div style="font-size:11px; font-family:Tahoma;"><img style="border:solid 1px white;margin:0px;padding:0px;" src="' + ning.CurrentProfile.photoUrl + '" width="26" height="26" /><a href="/profiles" style="color:#f5f5f5; font-weight:bold;">My Profile</a><a href="/profiles/friend/list?my=1" style="color:#f5f5f5; font-weight:bold;">My Friends</a><a href="/profiles/members/advancedSearch" style="color:#f5f5f5; font-weight:bold;">Find Friends</a> </div>');
</script>

<style>
#xn_bar_menu_tabs a#xn_username {
display: none;
}
</style>

You can also check live preview if you are the member of my network here.
Preview

Tags: bar, facebook, ning

Views: 2309

Reply to This

Replies to This Discussion

Thank you Bernard and TJ, it works beautifully on my site.

You're welcome! :-)

Does this work for 3.0, dear Bernard?

Yes this does work on 3.0 but a bit of the code needs changing, I wold hang on a bit though as ning are adding some more items to the Ning bar like notifications etc so best wait until they have finished that to see what's been added and what room there is left over if you still need to add some links there.

Thant's right John...

Thank you so much !amazing
Bernard Lama

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"yup just add permenantly to leave"
15 minutes ago
Kos replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"Jeffrey can't that be altered in Language Editor?"
28 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"i do find it hard to believe but ..use the language editor and add permenantly to the leave…"
37 minutes ago
Jeffrey Haskins replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"SE True, True, but same point as Strum made, some folks are internet clueless, and if they really…"
40 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"i agree but disagree only thing i disagree with i disagree strongly with and thats the read more…"
52 minutes ago
Strumelia replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"SE, the same thing happens sometimes for me- members think the little link that says "Leave…"
55 minutes ago
Jeffrey Haskins replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"Don't think the date will be a hard change, as the articles are already time and date stamped…"
57 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"they never had to sign in to the group  and in settings theres a leave this network.. im…"
1 hour ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service