I made some progress with just one issue now.
I went to facebook developer and copied the code to be placed into 2 .php files. (header.php and comments.php)
The following code I placed after the </head> in the header.php
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '318993454865958', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
// Additional initialization code here
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
Then I placed the following into the comment.php in several places but was only able to get the comment files for facebook to show by placing on the very top.
<div class="fb-comments" data-href="http://teapartybeta.development-production.com/" data-num-posts="10" data-width="470"></div>
I was still getting the wp comments window..."the replies" showing under the facebook replies. So...I deleted all the code in the comment.php with the exception of the above code and everything looks perfect with one exception.
The red box provided by your theme will not show an accurate comment count.
http://screencast.com/t/EHK3eZNrFz3FI'm sure I deleted too much code. I saved the original code so placing it back or part of it is not an issue. Just need to know what code I should put back into the comment.php to recieve an accurate comment count.
URL with facebook comments:
http://teapartybeta.development-product ... bama-9156/Mark