Add Google +1 Above Ning Sign-In / Add Facebook Above the Google +1

To add the Facebook Like Button and Google's new +1 (Plus One) button to your Ning Network, add the following code to your Custom Code Box, via My Network/Tools/Custom Code;

 

Google +1 Button Only
<!-- G +1 All Pages Above Sign-In -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" language="javascript">
x$("#xg_module_account").before("<div align=center id='custom_g1'></div>");
var g1_html = '<g:plusone></g:plusone>';
x$("#custom_g1").html(g1_html);
</script>

 

Both Buttons (Facebook Like and Google +1) - - this is my code. Be sure to change your facebook settings as you want them. If that makes no sense, not to worry. Just use this code:

 

<!-- Facebook All Pages Above Sign-In -->
<script type="text/javascript" language="javascript">
x$("#xg_module_account").before("<div align=center id='custom_fb'></div>");
var fb_html = '<iframe src="http://www.facebook.com/plugins/like.php?href='+window.location+'&layout=standard&show_faces=false&width=180&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="padding-top:15px; border:none; overflow:hidden; width:180px; height:50px"><\/iframe>';
x$("#custom_fb").html(fb_html);
</script>
<!-- End FB All Pages Above Sign-In -->
<!-- G +1 All Pages Above Sign-In -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" language="javascript">
x$("#xg_module_account").before("<div align=center id='custom_g1'></div>");
var g1_html = "<g:plusone></g:plusone><br>Don't forget to Like and +1 us!";
x$("#custom_g1").html(g1_html);
</script>
<!-- End G +1 -->

 

Where to find the Google Plus One Code if you need it:

http://www.google.com/webmasters/+1/button/

 

Enjoy!

Tags: +1, facebook like, fb, fb like, google, google +1, google plus one, like, like button, plus one

Views: 546

Replies to This Discussion

Permalink Reply by MyPoppedArt on June 1, 2011 at 6:01pm
it didn't work...
Permalink Reply by JenSocial on June 1, 2011 at 6:11pm
Did you happen to sign out and look? It takes a while for the signed out to catch up with signed in.
Permalink Reply by JenSocial on June 1, 2011 at 6:12pm
Looking at your code...
Permalink Reply by MyPoppedArt on June 1, 2011 at 6:13pm
strangely enough I see it above all artworks to plus one something, but not on the sign in page so far
Permalink Reply by JenSocial on June 1, 2011 at 6:16pm
Yeah, odd. Gotta leave desk for a while. Please leave the code if it's not breaking anything. I will investigate further this evening.
Permalink Reply by MyPoppedArt on June 1, 2011 at 6:17pm
ok cool thanks:)  I always appreciate it:)
Permalink Reply by JenSocial on June 1, 2011 at 6:23pm

I can't imagine this will make a difference, but let's try it. Try adding a regular quote around this line, like this:

var g1_html = "<g:plusone></g:plusone>";
Permalink Reply by MyPoppedArt on June 1, 2011 at 6:34pm
that doesn't make a difference, but it seems to work as far as being above all member profile pages, on photos, videos, etc, just not on the sign in page.  Does it really need to be there anyway?
Permalink Reply by JenSocial on June 1, 2011 at 6:46pm
Thanks. I just wish I knew why it's not showing on your home page.
Permalink Reply by MyPoppedArt on June 1, 2011 at 6:47pm
it is showing on it now...I think maybe it takes time to integrate completely.
Permalink Reply by JenSocial on June 1, 2011 at 6:54pm
Interesting. And thank you for the update - - very much! LOL!
Permalink Reply by Administrator JenSocial on June 1, 2011 at 7:00pm

I try the codes from Google and that didn't work. So I decided to post a discussion about it and what did I see ~ Jen on the ball with a discussion about the Google plus 1 Your on top of it.

To check if it there do you look at the groups page or what 

I SEE IT ABOVE THE SIGN IN/OUT BOX   and it only took 1 minute to show

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips