Easiest Way To Add " Facebook Comments " to Blogger Blogs

blogger, Tutorials, Tricks, blog, blogspot

Still the FaceBook prove day after day that the first and strongest in the field of social sites, but it is the source of visitors for many blogs and websites but it contains lots of extras great, in the this lesson we will look to the best addition in my view a FaceBook Comment Yes, it is the comments Box of FaceBook distinctive Yes, you can now use it instead of the traditional existing comments in Blogger, in this lesson we will learn how add Facebook comments in the forums

Features add "Facebook comments" to your blog in brief:
1 - Ease of comment by a visitor.
2 - reflects the beauty of the blog and its development with social networks.
3 - Blog earn fame is directly through Facebook.

I leave you with the easiest way to add " Facebook Comments " to Blogger Blogs:

1. After Sign up in the Facebook we visit the following link: Facebook developer page


blogger, Tutorials, Tricks, blog, blogspot
2.
Fill in the data as shown in the following image:


Note: the link is as follows:

Change the text color is blue only! Do not forget to keep the "/" after the link .

3. Click '' Websites ''


4. Click Core Concepts  >> Social Plugins 



Or you can go directly to this link

Social Plugins

 5. Choose Comments

 4. Fill in the data as shown in the following image: 
 With a link to change the link to your site

and click '' Get Code ''
and copy it

If you Didn't find the previous code u can copy this code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='560'/>
</div>
</b:if>

5. Go to
Dashboard >> Design >> Edit HTML

5.
Mark on ''Expand Widget Templates''


6. Press Ctrl + F and search for this code :
<data:post.body/>

7.
past the code you copied just ''after'' the previous code: 


9. Press ''Save Template''

10. Hide the blogger comments to that after the addition of the FaceBook Comments Box will have two models of comments, from the Dashbord > Settings >>> Hide.
As in the following image:


The final shape of the lesson

blogger, Tutorials, Tricks, blog, blogspot

4 comments:

  1. Thank you so much! Fabulous!!! <3

    ReplyDelete
  2. AprilsArtsiticAvenue:
    thanks :)
    enjoy your time :D

    ReplyDelete
  3. I do have a few questions though, my blog is http://pastelprimitives.blogspot.com/
    and I have the facebook comment box is on there, but I want it visible without having to click on "links to this post."

    Also, I want it on all my pages and it only shows on my home page...help please!

    ReplyDelete
  4. AprilsArtsiticAvenue:
    past the facebook comments code after

    i waiting for you !?

    ReplyDelete