How to Add Responsive Facebook Comment For Blogger - Today we will discuss about facebook comments. As we know that, Blogger has a custom comment. Several bloggers want to design their comment box by adding facebook too. Important to know, benefits install facebook comment on blogger enables visitors can comment directly on an article he/she read by using their facebook account. How to install the facebook responsive comments on the blog is an easy way. If you interest too try this one, please follow this steps correctly.The first step is adding Meta tag of facebook below on your template. You can put the script below <head>.
<meta content='ID Facebook admin' property='fb:admins'/>Note : If you have added the meta tag above, please ignore the step.
<meta content='ID Facebook application' property='fb:app_id'/>
The second step is applying the code below above </head>.
<script type="text/javascript">The next step is adding the HTML code below <data:post.body/>.
//<![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>
<b:if cond='data:blog.pageType == "item"'>The last step is saving your template and facebook comment have added on your blog. You can see Blogger and Facebook comment appear.
<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>
That is tutorial about How to Add Responsive Facebook Comment For Blogger. If you have any question about this post, you can submit your comment below.
Advertisement
EmoticonEmoticon