Install Latest Facebook Comments Box in Blogger

Install Latest Facebook Comments Box in Blogger


ADD FACEBOOK COMMENTS BOX IN BLOGGER

HOW TO ADD FACEBOOK COMMENTS Box in blogger

Facebook is a Most Popular Socail Site. and Its Provide Directy Comment on Blogger Via Fb . Most Of User Like Comment Via Facebook
For those who want to Add Fb Comment In Blogger , please follow the steps below

HOW TO ADD FACEBOOK COMMENTS WIDGET IN BLOGGER

1. Add meta tags facebook below in the  template under <head>


<meta content = admin Facebook ID Code property = "fb: admins />
<meta content = Facebook Application ID Code property = "fb: APP_ID />

Note: You have to add Fb Admin ID Code and Fb Application In Code.  if you have applied the steps above, please skip to the next step further


2. Add the following code before the </ head>


<script type = "text / javascript">
// <! [CDATA [
$ (window) .bind ("resize load", function () {
 var url = location.protocol + // + location.host + location.pathname;
 containercm_width var = $ (# 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>

3. Then add the following code just below the code <data: post.body /> on the page post


<b: if cond = data: the 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>


4. Save the template. and See Results

Note - To display comments facebook count on the index page and post, please add the code below in the markup post meta or post information .


 <a expr_href=data:post.url + "#fb-comment"> <span class = "fb-comments-count" expr: the data-href = Data: post.url> </ span > facebook comments </a>


go to link download 



download