How to add a comment (comment) Facebook each post to Blogspot

How to add a comment (comment) Facebook each post to Blogspot and WEB

Now a global social networking biggest, we can say that the house Facebook, people who Facebook, so the more comments (comment) of Facebook for blogspot is necessary, just make the place a comment, chém for everyone, both easy to put the article to the reader by its viral effect. Today supertechtoday guide adding frames both chat, Facebook comments for each article on blogspot.

Step 1: Log in to your blog admin page.

On the "Form" select "Edit HTML"

Step 2: Press Ctrl F, search </ node>

Maybe you should see: Add your comment facebook app for blogspot

Insert the following code before the "</ head>" :

<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="8" data-width="766"></div>';
//]]>
</script>

Note: You can replace arbitrary parameters below

data-num-posts = "8": No comments are permitted to display, if more then automatically combined.

data-width = "766px": The width of the frame comment Facebook.

Step 3: Press Ctrl F, find the </ body>

Insert the code below and before the "</ body>".

<div id='fb-root'/> <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/vi_VN/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Step 4: Copy the code below

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>

usually we will move it to the end. Your Ctrl F, find the line <b: include data = 'post' name = 'post' />

Copy and paste the code above to the bottom line has found.

Note: Some templates (UI) have more than one line <b: include data = 'post' name = 'post' />, the first line you choose to find decent, then saved, if found not, we choose a different line: D


Step 5: Save and view results

Have fun !