JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Add Facebook and Twitter Icons/Links Above SignIn / SignUp Account Box

Add small icons/links for your Facebook and Twitter Accounts, above the SignIn / SignUp / Hello Box area.

Be sure to change to your accounts for Facebook and Twitter. After you edit the code below, add to your Analytics Box (My Network/Tools/Custom
Code).

<script type="text/javascript">
x$(document).ready(function() {
// Insert a DIV Before the SignIn/SignUp/Hello Box
x$("#xg_module_account").before('<div align="center" class="xg_module"><a href="http://www.facebook.com/your_facebook" target="_blank"><img src="http://storage.ning.com/topology/rest/1.0/file/get/981288873?profile=original" alt="Visit Us On Facebook"></a><a href="http://twitter.com/your_twitter" target="_blank"><img src="http://storage.ning.com/topology/rest/1.0/file/get/1061469101?profile=original" alt="Follow Us On Twitter"></a></div>');
});
</script>

Enjoy!
Jen

0 members favorited this

Replies to This Discussion

Permalink Reply by Predestined by God on September 7, 2010 at 3:13pm

Girl, you know me all too well ;-).

Permalink Reply by JenSocial on September 7, 2010 at 3:20pm

Since the class variable (#xg_module_account) is different than the other tip, you should be able to - - but keep in mind, every time you add more scripts, the slower the page load. Although, don't think this will effect things much.
Best,
Jen

Permalink Reply by JenSocial on September 9, 2010 at 1:00pm

Happy you like it, Robert! I just threw that in because it was requested. Never thought it would be used much. But it appears from private messages too, it will be. Great to hear...
Best,
Jen

Permalink Reply by Joanna MaGrath on September 12, 2010 at 7:35pm

Thank you JEN............LOVE IT !!!

Permalink Reply by JenSocial on September 13, 2010 at 12:37pm

Great!

Permalink Reply by Martin de Goede on September 14, 2010 at 4:23pm

Nice, now I have to choose between two great tips.

Permalink Reply by Mikes Designs on September 25, 2010 at 3:19pm

Awesome Jen thanks!

Can i add myspace as well?

Permalink Reply by JenSocial on September 25, 2010 at 3:37pm

Sure. Just make sure the icons don't float over any content on different resolutions.
;-)
Best,
Jen

Permalink Reply by Mikes Designs on September 25, 2010 at 3:40pm

nice! thanks Jen, im adding icons as we speak!,

Mike.

Permalink Reply by JenSocial on September 25, 2010 at 4:03pm

Mike,
Sorry about the "float" comment. I thought this discussion was the new tip where I show how to add to Ningbar with a floating DIV. As long as you don't go beyond approximately 159 pixels in width, you should be fine using this tip method.

Did you see the new tip on how to add these to the NingBar? I like them there, better. But, just my opinion, and depends on how much you have at top of your site.
Best,
Jen

Permalink Reply by Mikes Designs on September 25, 2010 at 4:05pm

no i have not seen it yet but im on my way now =]

Permalink Reply by Mikes Designs on September 25, 2010 at 4:02pm

Thanks to Jen, this is whats i came up with!