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

Replies to This Discussion

Permalink Reply by GirlRiders on June 1, 2011 at 7:41pm

LOL, I did the same thing.  There is no beating Jen!

 

Jen, mine is not showing up right away, so giving it some time.  Do you have it on this site, because I don't see it?  Should it be next to your like button above the sign in box?

Permalink Reply by Administrator JenSocial on June 1, 2011 at 7:52pm
@GirlRiders ~ I see it above the SIGN IN?UP box hopefully you'll see it soon
Permalink Reply by GirlRiders on June 1, 2011 at 8:04pm

Do you mean yours or Jen's or mine?

Permalink Reply by Administrator JenSocial on June 1, 2011 at 8:26pm

I like your Home page very cool and

Yes I see it in all 3 sites ~ Here is yours

Permalink Reply by GirlRiders on June 1, 2011 at 9:58pm
Thanks!  I still can't see anyone's +1including mine.   Very weird.  Just checked from another computer too.    Maybe its an IE issue??
Permalink Reply by JenSocial on June 1, 2011 at 10:08pm

GirlRiders, yes I am hearing a lot of people on Creators and the Internet saying that it doesn't work in IE. I use the latest version of IE, and it's working for me.

Keep us posted if it starts working. It's such a new thing, may take a while to iron out the bugs.

Best,

Jen

Permalink Reply by GirlRiders on June 2, 2011 at 6:47am
Ahhh, I see.   Thanks for letting me know.
Permalink Reply by Administrator JenSocial on June 1, 2011 at 10:55pm
Try Google Chrome I'm happy with it GirlRoders
Permalink Reply by GirlRiders on June 2, 2011 at 6:51am

Thanks DC   I have attempted to switch a couple times, but I'm so comfortable with IE I keep coming back....old dog, I guess.    If I could easily get my Google Toolbar in Google Chrome, that would make the switch easier (quite ironic it doesn't come with it).  If you know a way - could you message me, plz?    Don't want to jack this thread any longer. :)

 

Hopefully +1 and IE8 will marry up soon.

Permalink Reply by JenSocial on June 1, 2011 at 10:07pm
We good Deb? I had to leave for a while, and playing catchup. Everything working okay?
Permalink Reply by Administrator JenSocial on June 1, 2011 at 10:54pm

We are GOOD Jen Looks like IE has some bugs to work out

I use Google Chrome and YES Jen everything working out OK

Permalink Reply by Teri MORIN on June 1, 2011 at 8:39pm
I added the code but does not seem to show up??

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips