In the last few weeks Facebook have changed something which breaks the way I had embedded a facebook page into my mojo site.

Previously I had something like this:

<div style="float: right;"><iframe allowtransparency="true" frameborder="0" height="240" scrolling="no" src="//www.facebook.com/connect/connect.php?id=152396058220213&amp;connections=12&amp;stream=1" style="border: currentColor; border-image: none; width: 280px; height: 550px;" title="Facebook" width="320"></iframe></div>

When it broke (and stopped displaying useful content) I found I needed to use https://developers.facebook.com/docs/plugins/page-plugin to create the new mark-up with various options, which looks like this for the same page (the outer div is probably my own):

<div style="margin: 10px 0px 0px 4px; float: right;">
<div class="fb-page" data-adapt-container-width="true" data-height="550" data-hide-cover="false" data-href="https://www.facebook.com/BreconFansRaceWeekend" data-show-facepile="true" data-show-posts="true" data-small-header="true" data-width="280">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/BreconFansRaceWeekend"><a href="https://www.facebook.com/BreconFansRaceWeekend">Brecon Fans Race Weekend</a></blockquote>
</div>
</div>
</div>

I see the embedded facebook panel on https://www.mojoportal.com/community has suffered this same fate, but the fix is easy.