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

Votes: 0
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

Rosas † Negras replied to Rosas † Negras's discussion
how do i center members? I point out that there are at most theme codes, is it possible to increase the theme codes with javascrips ning 2.0?
"Bizz 
i can't get it to work help me plz"
16 hours ago
Rosas † Negras replied to Rosas † Negras's discussion
how do i center members? I point out that there are at most theme codes, is it possible to increase the theme codes with javascrips ning 2.0?
"Bizz  
is the theme that I use in the site the codes"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
how do i center members? I point out that there are at most theme codes, is it possible to increase the theme codes with javascrips ning 2.0?
"it won't let me, you can check i am in the slaughterhouse with the codes, find the file manager…"
yesterday
Rosas † Negras posted a discussion
integrate a page into my site that transforms css into Javascript, where can I get the html codes?
yesterday
Rosas † Negras replied to AnGella's discussion
Slow and Painful 2.0 Death
"as soon as we started our discussion the site in confusion, the one that makes me angry, everything…"
Friday
cybercity model updated their profile
Thursday
Steve C and Vander NG are now friends
Wednesday
AnGella replied to AnGella's discussion
Slow and Painful 2.0 Death
"When did that happen?"
Feb 22
Kathleen (SunKat) updated their profile
Feb 22
Rosas † Negras replied to AnGella's discussion
Slow and Painful 2.0 Death
"with error 500 everything was destroyed, the forms disappeared even in the member page, I laugh,…"
Feb 20
Rosas † Negras replied to AnGella's discussion
Slow and Painful 2.0 Death
"AnGella 
can you pass me email and password in my page in private please don't remember the…"
Feb 18
TJ @ jQueryHelp liked ⚡JFarrow⌁'s discussion Show Us your Ning Landing Pages
Feb 18
More…

Meanwhile, you can check our social media channels