Crazy Tip: How to make FACEBOOK like top bar ( Ning bar)?

[Bernard Lama]

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 [e-mail]

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

[Riccardo Rossini]

excellent Bernard, it works perfect

[Bernard Lama]

Thanks Ricardo.

[Rowald]

This is very nice, works perfect!

[Bernard Lama]

Glad it worked for you. Thank you.

[mobile.ning.com]

Excellent. Work like a charm.

[Bernard Lama]

Thank you.

[TJ @ jQueryHelp]

Hi Bernard,

Thanks for linking back to my original discussion on this!

I don't mind people sharing my free tips as long as they link back, like you did, so thanks again!

"TJ"

[Bernard Lama]

Hey TJ, 

Your Jqueryhelp.ning.com network is excellent. And thanks for small profile photo on ning bar code.

Best Wishes

Bernard

[Tanzi Gill]

Thank you Bernard, works perfect!

[Bernard Lama]

You are welcome Tanzi. Hope you are doing well.

[Joao Fernandes]

Great job Bernard, it looks fantastic.

[Bernard Lama]

Joao, thanks for using my tip.