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

[JFarrow]

nice job Bernard and TJ

[Bernard Lama]

Thank you JFarrow. 

[lorianne]

Thanks Bernard & Tj - using it & loving it!

[Bernard Lama]

Most welcome Lorianne.

[Crista Bingham]

Fantastic-thanks Bernard and JQuery !

[Bernard Lama]

My pleasure Crista. Hope it works in your network.

[Alex 小正正]

Thanks Bernard & Tj for this great tip. Very Useful!! :)

[Bernard Lama]

Glad to know that it's useful for you. You are most welcome.

[Mr kaung]

Bernard...
thank you

[Bernard Lama]

It's my pleasure mr kaung,

[Shravan Panuganti]

Thanks Bernard ! Great tip.

[Bernard Lama]

Welcome my friend.