👋 Wanna Learn how to start a Non-Profit Organization?💥

How to Add a Responsive Facebook Like Box To Ning Networks

Post date: Sep 6, 2014 11:49:32 PM

How to Embed Responsive Facebook Like Box

There are times when you might not like to import the posts from a facebook page, but would rather just add a Facebook Like Box to your Ning community. However...

Sometimes Facebook Like boxes will break out of your layout..

Sometimes you want a like box in a sidebar and sometimes in a larger content area...

So...If you have been looking for a way to simply embed a facebook like box into your 3.0 template but have found yourself frustrated because it overflows your columns, here is a solution.

Solution to Embed Responsive Facebook Like Boxes

Other Cool Tricks for Importing Social Profiles to Ning

You can playaround with the code here on codepen or see it full screen here

Other cool related things you can do, if so inclined:

Import Entire Facebook Page Into Ning Page

Find Out How Here

Code to place inside an HTML textbox in Site Manager:

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) {return;}

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);