I tried to implement the Facepile app on my blog. But it isn't working!
Codes used were:
<div id="fb-root"></div>
<script>(function(d, s, id) {
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&appId=MY-APP-ID";
fjs.parentNode.insertBefore(js, fjs);`enter code here`
}(document, 'script', 'facebook-jssdk'));</script>
and
<div class="fb-facepile" data-href="http://schooloffour.blogspot.in/" data-action="<fb:facepile href="http://zhen.myfbse.com/rb-roastchicken.html" action="og_recipebox:planning_to_make" width="300" max_rows="1"></fb:facepile>" data-max-rows="1" data-width="300"></div>
Had added the facepile right after:<data:post.body/>
The error showing on the template code while saving it is :Error parsing XML, line 634, column 62: The reference to entity "appId" must end with the ';' delimiter.
How do I fix it?