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://api.ning.com/files/JMBQ5G-jWW9v0N2fruVxGrSJCNlpzgClTNot4nxgojGeCP*XNbcbYcWd*RX9dMLRJy1n7zNICoHLMbHmwOjHzFnlaDS1IkSW/facebook24.png" alt="Visit Us On Facebook"></a><a href="http://twitter.com/your_twitter" target="_blank"><img src="http://api.ning.com/files/fkdCm9qa2JvXUzXqYRjyXj1fx5fNGPcmb1MAoiQ8rwdcDxQWuqyfuqEwieJ6A9YvuvJzg5nMRqrQPjpz8mHhZRcxoBEIOMM4/twitter_24.png" alt="Follow Us On Twitter"></a></div>');
});
</script>

Enjoy!
Jen

Tags: facebook, facebook above signin, facebook icon, twitter, twitter above hello, twitter above signin, twitter icon, twitter link

Views: 462

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 Empower Network 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!

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips