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

FORUM

NC for Hire

This Ning tip / trick / hack assumes the following:

  • You use Flipboard as a way to give legs to your posts and content inside your network
  • You've added the Bookmarklet to your browser toolbar and regularly add content from your network to your magazines
  • You'd like to then embed your magazines into your Ning Site. (For example)

Here's how to do this:

Step One: Add something to a magazine on your flipboard like so:

After clicking the title of the magazine you added it to, you will be taken to the page for that magazine.  Make note of the URL. 

This Example: https://flipboard.com/section/beautiful-nation-project-bddZSO

Step Two:  Find a page you'd like to add the magazine to on your site or add a new page to hold the magazine

Step Three:  Add the following snippet of code to a HTML Module:

<div id="flipboard"></div>

Step Four: Add the following snippet of code into the Above Footer HTML Box on that page, replacing the XXXXX with your own magazine URL from step one.

<script>
  (function () {
    var width = 0,
        flipboard = document.getElementById('flipboard');
    width = flipboard.getBoundingClientRect().width ? flipboard.getBoundingClientRect().width : flipboard.offsetWidth;
    if (width > 800) {
      flipboard.innerHTML = '<iframe width="100%" frameborder="0" height="600px" marginheight="0" marginwidth="0" scrolling="no" src="https://flipboard.com/section/XXXXXXXX"></iframe>'
    }
  })();
</script>

And there you have it!  Live Example on Beautiful Nation Project

Enjoy!  Let me know if you have any questions. 

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

Join Ning Creators Social Network

Email me when people reply –

Replies

  • This reply was deleted.
  • We were just looking at Flipboard last week.  Awesome.  Thank you!

    • NC for Hire

      flipboard is pretty amazing for what it is and the ease of building magazines.. i hope you guys find this useful!

  • +1. I have thought about this a few times. Will have to dig in. Thanks for sharing man.

    • NC for Hire

      My pleasure FT...kinda opens a few doors huh..

      • yeah, I have a few ideas. Will post back when I get time to mess with them.

  • This is cool thank you for sharing  JFarrow :-)

  • NC for Hire

    Bonus Tip for Flipboard:  If you would like to display your magazines in a compact fashion like this,

    surveyingmagazines.gif

    here is a simple code for you to alter to plug into a HTML module on your site, replacing the BOLD with the magazine of your chosing:

    <table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td style="text-align: center;"><iframe height="200" width="150" name="flipboardmagazine" style="border:0; display:inline-block; height:200px; width:150px; vertical-align: middle;" src="https://flipboard.com/cover/beautifulnationproject-bziGbU"></iframe>
          <script src="https://cdn.flipboard.com/web/buttons/js/flbuttons.min.js" type="text/javascript"></script></td>
          <td style="text-align: center;"><iframe height="200" width="150" name="flipboardmagazine" style="border:0; display:inline-block; height:200px; width:150px; vertical-align: middle;" src="https://flipboard.com/cover/earthly-bWYq7m"></iframe>
          <script src="https://cdn.flipboard.com/web/buttons/js/flbuttons.min.js" type="text/javascript"></script></td>
          <td style="text-align: center;"><iframe height="200" width="150" name="flipboardmagazine" style="border:0; display:inline-block; height:200px; width:150px; vertical-align: middle;" src="https://flipboard.com/cover/tiny-tamika-travels-bsjpTn"></iframe>
          <script src="https://cdn.flipboard.com/web/buttons/js/flbuttons.min.js" type="text/javascript"></script></td>
          <td style="text-align: center;"><iframe height="200" width="150" name="flipboardmagazine" style="border:0; display:inline-block; height:200px; width:150px; vertical-align: middle;" src="https://flipboard.com/cover/edu-tech-b3TXXt"></iframe>
          <script src="https://cdn.flipboard.com/web/buttons/js/flbuttons.min.js" type="text/javascript"></script></td>
        </tr>
      </tbody>
    </table>

    You may only need one call to that javascript too.. ill test it..  as a test i added it to my member profiles onBNation

This reply was deleted.

Announcements

 

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

Linda Hertz liked Anastasia_Ning_Support's discussion Join our new webinar on August 22nd!
49 minutes ago
Stuart Alexander replied to Anastasia_Ning_Support's discussion
Migration FAQ
"Like Adrian, I am not finding the amount of storage I am using. It does not show up as in the examp…"
2 hours ago
This Is bully replied to Lauren's discussion
Looking to Monetize and Improve Engagement
" LOL It happened to a very active member of mines every post they made sent it to spam so I created…"
2 hours ago
Lauren posted a discussion
Hello,Please take a look at our page www.booktown.ning.com, we're looking for ways of increasing me…
6 hours ago
Fred St Laurent replied to Anastasia_Ning_Support's discussion
Step-by-step migration guide
"I would like to see this list as well please."
8 hours ago
PAT Diabetes liked marie's discussion Help please with forums and groups
11 hours ago
PAT Diabetes updated their profile
11 hours ago
COIFFURANCE, Gwendolyn LaFae, ICM Redactie and 7 more joined Ning Creators Social Network
12 hours ago
Ambroise liked J.Ayvar's discussion We need this in Ning 3.
12 hours ago
Ambroise replied to Anastasia_Ning_Support's discussion
Step-by-step migration guide
"Is there somewhere a list of these features that are not supported on 3.0?"
12 hours ago
J.Ayvar posted a discussion
This feature  is so important for 2 reasons.1.- Personal Welcome Message (user name mentioned)2.- N…
13 hours ago
Josie Chen updated their profile
17 hours ago
More…

Meanwhile, you can check our social media channels