JenSocial: Social Web Directory and Ning Tips

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

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!

1 member favorited this

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