How to Install Facebook Comments Responsive Blogger

22:47

Add meta tags facebook below in the appropriate template below <head>
<meta content='code ID Facebook admin' property='fb:admins'/><meta content='code ID Aplikasi Facebook' property='fb:app_id'/>
Add the code below before  </head>
 <script type="text/javascript">//<![CDATA[$(window).bind("load resize", function(){ var url = location.protocol+'//'+location.host+location.pathname; var containercm_width = $('#container-commentfb').width(); $('#container-commentfb').html('<div class="fb-comments" ' + 'data-href="'+url+'"' + ' width="' + containercm_width + '" data-num-posts="10"></div>'); FB.XFBML.parse( ); });//]]></script>
Next add the following code just below the code <data:post.body/> on the page post
<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div></b:if>
Save 


Share this

Related Posts

Previous
Next Post »