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: 470

Replies to This Discussion

Permalink Reply by JenSocial on September 25, 2010 at 5:18pm
Very nice Mike!
Permalink Reply by Shannon Klipstein on November 28, 2011 at 12:18pm

This isn't working on my site.  Any idea what Im doing wrong?  I copy and pasted this into Mirco. Word then I changed the html's to have my account addresses.  

I also tried using html from my site where I have facebook and twitter icons uploaded in a blog, that didn't work either.  

And just to test... to double check I just copy and pasted exactly what you have with your links and that didn't work either :/  

 

Permalink Reply by Shannon Klipstein on November 28, 2011 at 12:18pm

And i put this in the custom code box where my analytics was... I put it at the bottom of everything else I had in there.

Permalink Reply by JenSocial on November 28, 2011 at 1:56pm

Hi Shannon,

If you edited in Word, that could be the problem. Word processors, although they claim they can save HTML, inevitably throw in hidden characters that will break the code. You need to use a Text Editor. If that doesn't fix it, I'd have to see the code in a text file to see if I can find the issue.

Best,

Jen

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips