To start our work , we should create a Facebook application ( Click here to acessr page )
—–> Click ” Applications ” :
After this , a pop -up window asking the application information , to give him a name ( Remember that your facebook account must be confirmed by credit card or mobile phone) .
Created the application this window will appear with the application information :
You can close the window , now let the second part of our tutorial .
CREATING THE COMMENTS SYSTEM
First go to the plugin Facebook page by clicking here.
Click the ” Comments” , as we shall see below:
comments
This is the setting page of comments , put the URL of your blog ( In my case http://www.online-seva.com/ ) , the number of comments you want to display ( in my case 15 , not to overload the page ) , the width (in my case 710px ) and ” Color Scheme ” dark or Light ( As the theme of my blog is dark, chose the system ” dark” as it will give the right contrast to my blog) .
Now just click on ” Get Code” choose the created application, implementation mode and then copy the code to the blog. ( I chose the HTML5 mode, it is simpler to theme change).
IMPLEMENTING THE CODE ON THE BLOG
Access the editor page wordpress themes, and open the ” footer.php ” or ” header.php ( In my case , I implemented the” footer.php ” ) , look for a good area and place the first code suggested by facebook .
footer
Once this is done go to the ” single.php ” , find the area you prefer to implement the code and paste .
single
Here’s the magic , remember when we put the URL of our blog there is time to configure the plugin? We will change it now , your code will look like mine above , look for the section that says :
1
data- href = ” http://www.online-seva.com/
Beside its URL after the bar , place the following code :
1
? = P < php the_ID ( ); ? >
This code will pull your post ID automatically and will include following your URL , thus , the facebook comments change every post.