8.356 readers First of all make a backup of these two files:
/wp-contents/themes/YOUR_THEME/comments.php
/wp-comments-post.php
1. Point your browser to: http://www.facebook.com/developers/editapp.php
2. Complete the form, pay attention to click ADVANCED FIELDS and set CALLBACK URL correctly with your domain name
3. Select and Copy your API KEY
4. Upload xd_receiver.htm in your blog root (use save as to download)
5. Open /wp-content/themes/YOUR-THEME-NAME/comments.php
6. On the bottom paste this code:
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script> <script type="text/javascript"> FB_RequireFeatures(["XFBML"], function() { FB.Facebook.init("YOUR_APP_ID", "/xd_receiver.htm"); FB.Facebook.get_sessionState().waitUntilReady(function() { if(FB.Facebook.apiClient.get_session().uid) { document.getElementById('data-fb-side').style.display = 'block'; } FB.Facebook.apiClient.users_getInfo(FB.Facebook.apiClient.get_session().uid,'name,pic_small_with_logo', function(result, ex) { //Do something with result < ? if(is_single()): ?> document.getElementById('author').value = result[0]['name']; document.getElementById('email').value = 'fb'+FB.Facebook.apiClient.get_session().uid; < ? endif; ?> document.getElementById('data-fb-side').innerHTML = '<img src="'+result[0]['pic_small_with_logo']+'" /><br /><br />Ciao '+result[0]['name']+' !'; }); }); }); </script>
