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

LEO Mobile App Builder updated their profile
Tuesday
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
Aase Lillian and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
⚡JFarrow⌁ updated their profile photo
Mar 18
⚡JFarrow⌁ replied to Aase Lillian's discussion
Community - activity page
"Yes you can add emojis to your community pretty much anywhere you like.
If you need some help…"
Mar 18
Aase Lillian updated their profile
Mar 18
Aase Lillian posted a discussion
Hi all. Is it possible to add emojis to the community? I also wish the activity page to include…
Mar 18
Donna MacShoe updated their profile photo
Mar 6
Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
More…

Meanwhile, you can check our social media channels