Hello Guyz,
It may look nice if there's a
Facebook Comments Box in each
Member's Profile where Comments can be Posted by the FB Users.
DEMO : http://www.clan-icsl.com/profile.php?...p?lookup=11.
Register your Application on Facebook and Keep your Required Information like
Application ID,
Application Secret etc etc with you(e.g in a TXT file)
2. Download the
Cross Domain Receiver file from
here and Upload it to the Root of your Website.
3. Backup your original
profile.php first in a safe place and then Open
profile.php. Go to the
Line 200. You will Find a Closing Bracket
}. i.e,
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false] echo "</tr>\n</table>\n</form>\n";
}
} // I am Talking about this Bracket[/syntaxhighlighter]
Just After this Bracket add this Code :
http://pastebin.com/BpnkShf4Code is in the Link. It was giving BB Code problem and converting smilies
so had to pastebin it.
Replace
XXXXXXXXXXXXXXX with your
Application ID which is provided to you with your Application.
If you want to change
How many Comments should be Displayed(Maximum), then change the
numposts='10' to your needs.
If you want to change width, just change the
width='400'Last and
Optional Step :
Open
themes/templates/header.php and Find for this line :
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]echo "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='".$locale['xml_lang']."' lang='".$locale['xml_lang']."'>\n";[/syntaxhighlighter]
Add the given below code after
xmlns='http://www.w3.org/1999/xhtml' :
xmlns:fb='http://www.facebook.com/2008/fbml'I called this Optional Step because the Comments will work without this step too. But I don't want to Break any Rules even by mistake
Done !!!
Enjoy !!!
If you want to Customize the Text Color of Comment, or want to Customize the CSS related to it, you have to put an extra parameter named
css where the code for :
echo "<fb:comments numposts='10' width='400' publish_feed='false'
css='http://yourwebsite.com/fbcomment.css'></fb:comments>\n"; is defined
This will be a CSS file on your Server made by you...
Download the CSS file here :
http://www.clan-icsl.com/includes/css...omment.cssNow Do whatever changes you want But Under
Policies like changing Text Color.
Remember !!!If you are changing the CSS the 2nd time(means you have been able to see the comment box once after you have installed your own CSS), then you have to change the CSS path in :
echo "<fb:comments numposts='10' width='400' publish_feed='false' css='http://yourwebsite.com/fbcomment.css'></fb:comments>\n"; also
There nothing much to do. Just change the File URL to something
http://yourwebsite.com/fbcomment.css?1,
http://yourwebsite.com/fbcomment.css?2,
http://yourwebsite.com/fbcomment.css?3 everytime you make changes in your CSS !!!
This is because Facebook uses CACHE to Store CSS so it is required to change the file. In this way, it will not affect the real content ....
You should provide a Link to your Website's Terms of Agreement and a Link to your Website's Privacy Policy too...> Better, Add the Code as a Lower Center panel with Display on All PagesCode Updated below to the Updated version of Comments Box :
Add it as either Lower Center or Upper Center Panel :
Remember to replace XXXXX with your APP ID or XID. In new Interface, Old Comments may Lost ![syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]opentable("Comments via Facebook"
;
$curlink = 'http://';
$curlink .= $_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
$curlink = urlencode($curlink);
echo "<table cellpadding='0' cellspacing='0' width='auto' class='center tbl-border'>\n<tr>\n";
echo "<td class='tbl2' colspan='2'><strong>Comments Box</strong></td>\n";
echo "</tr>\n<tr>\n";
echo "<td class='tbl1'>\n";
echo "<div id='fb-root'></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'XXXXX', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'
; e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root'
.appendChild(e);
}());
</script>\n";
echo "<fb:comments xid='XXXXX' href='".$curlink."' numposts='5' width='auto' publish_feed='false' migrated='1'></fb:comments>\n";
echo "</td></tr>\n</table>\n";
closetable();[/syntaxhighlighter]
You can also Set the width according to your needs...