Current status of the Ning Platform is always available on the Ning Status Blog.


NC for Hire

This is a follow up from my discussion about customizing the Mobile version of 2.0 communities found here:

TIP/Trick/Hack 2.0: Injecting CSS into Mobile Version & Fixing Mobile Groups Style

What you'll Need To Add Your Groups to a Facebook Page Tab

Snappy Snippet Extension for Chrome

HTML5 App from FBAPPs added to your page

a Ning 2.0 community Mobile Version (add /m to the end of your URL)

What your are Building in less than 5 minutes

Install the chrome extension and the app to your facebook page above..

Step One:  Go to the page of your groups on your mobile version (example),  scroll all the way down so that all of your groups are in view, right click on the top group and inspect element.   Make sure the entire block of groups is highlighted and that your cursor is highlighting the  ul.groups selector

Step Two: Click the snappy snippet extension in your console and extract HTML and CSS like this:

Step Three: Head over to your facebook page and click on the HTML Tab > Click Application Settings > REMOVE EVERYTHING from the HTML, CSS and JS boxes

Step Four:  Copy the HTML block from the JSFiddle page and place it in the HTML section

Step Five:  Add  <STYLE> tags to the CSS and copy/paste everything from the CSS section on your JSFiddle in between the style tags and press save..

Live Demo... Here on the I KNow What a Land Surveyor Is. page tab on facebook

Let me know if you have questions or any other clever workarounds..

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –



Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Fabricio Giugni posted a discussion
Hi there,  Can we integrate the Builderall with Ning? The only thing I want from Ning is the abilit…
Fabricio Giugni replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
    Thanks, it did work. But I will create this page in some other place. I spend a Thousand do…"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
TRICK: Host Your External CSS and JS Files using Dropbox
"I no longer use Dropbox for this...   I use Github....  ask me how if it is too complicated for you…"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Create a More Exciting "Featured" Email With Language Editor

still one of the most powerful tools and one of the first things I change when I start a new comm…"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How to Give Your Ning a Really Fake Voice
"These days I use Speakpage and it provides a great on the fly service, but it is limited to a singl…"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How to Create Search Feeds in Bing with a Simple Hack
"thank you brother"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How-to Control Number of Member Profiles on Member Page Using CSS
"Wow... just look how active Creators used to be!"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
You May Not Know This About Facebook
"this tip worked well for me today again"
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Linkedin Tip: Export Your Contacts For Import Into Ning
"yes it most definitely does work on both"
⚡JFarrow⌁ updated their profile
⚡JFarrow⌁ replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
"Simply right click on the video and open HTML/CSS then find the line where the youtube video URL is…"
J.Ayvar replied to Anastasia_Ning_Support's discussion
Join our webinar on SEO
"Thank you!  i am wating for the webinar. Just 5 minutes :)"

Meanwhile, you can check our social media channels