This Group contains archived Ning Tips. To add a new tip, please go here: Add Ning Tips & Tricks
To view new Ning Tips go here: Ning Tips & Tricks Forum.
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!
VIP
Caribbean People Online
Hi Jen Sorry, I added the code or maybe I added it wrong I keep seeing it below the footer of my pages...
See the code file
Jan 7, 2012
Trieu Thanh Tuan
Hi There,
Thank you so much for sharing the codes, it works greatly in my site (above photo). I do not like the following text after Facebook like button, I love the button like photo below, but I do not know how to change the code. Can you please help me? Thank you so much.
Feb 21, 2012
VIP
Phuze'mthonjeni
Hi Jen
I can't seem to find the tip that helped with the sharing buttons above sign-in box. I have changed from 3 column to 2. I have tried to make buttons to fit but they are still overlapping. Please check if you can help. http://phuzemthonjeni.com
Dec 4, 2012