I've tried adding a facebook plugin to my page but it doesn't appear correctly. What i've done so far was going to the Facebook Developpers for the new Page Plugin, included correctly (i hope) the SDK, included the script and pasted the html code the generator gave me.
But my Page Plugin is not working correctly, what i get is a simple orange block with a simple hyperlink redirecting to my fb page. I couldn't find any help since they changed the possibility to switch between html5 xfbml and iframe. I thought it would be a css issue so i tried editing my div containing the Page plugin to disable some css proprieties but it didn't change a thing. If i try adding an iframe code from another site on mine, it works fine, for example.
I really don't know where my issue comes from, i hope someone could help me !
(:
Best How To :
HI JACRAC I FOUND THE SOLUTION IT TAKE ME SOMETIMES TO TEST IT AND IT WORKS THIS IS THE CODE YOU MUST ADD IN YOUR BLOG :
<div id="fbpage">
<div id="u_0_18"><div fb-iframe-plugin-query="app_id=114545895322903&container_width=588&height=350&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Fisccef&locale=fr_FR&sdk=joey&show_facepile=true&show_posts=false&width=280" fb-xfbml-state="rendered" class="fb-page fb_iframe_widget" data-show-posts="false" data-show-facepile="true" data-hide-cover="false" data-height="350" data-width="280" data-href="https://www.facebook.com/isccef"><span style="vertical-align: bottom; width: 280px; height: 191px;"><iframe class="" src="https://www.facebook.com/v2.3/plugins/page.php?app_id=114545895322903&channel=https%3A%2F%2Fs-static.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FQrU_tEEWym9.js%3Fversion%3D41%23cb%3Df2b104c9e204ff8%26domain%3Ddevelopers.facebook.com%26origin%3Dhttps%253A%252F%252Fdevelopers.facebook.com%252Ffad5f0e18965b4%26relation%3Dparent.parent&container_width=588&height=350&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Fisccef&locale=fr_FR&sdk=joey&show_facepile=true&show_posts=false&width=280" style="border: medium none; visibility: visible; width: 280px; height: 191px;" title="fb:page Facebook Social Plugin" scrolling="no" allowfullscreen="true" allowtransparency="true" name="f3d121ac9c81b02" frameborder="0" height="350px" width="280px"></iframe></span></div></div>
</div>
name your div you wana add the code into it also add this css code just to take control of your div , i named the dev fbpage :
#fbpage{
width: 280px;
height: 350px;
background-color: #e5e5e5;
}
if you need any other help send me msg , have fun