Facebook Comments Box for Each Profile
Asked Modified Viewed 18,941 times
asked
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=1
1. 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/BpnkShf4
Code 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.css
Now 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 Pages
Code 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...
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=1
1. 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/BpnkShf4
Code 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.css
Now 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 Pages
Code 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...
Edited by Ankur on 27-03-2011 16:24,
answered
Exactly as Ypsilon sir says.......@Structor : Ya ! Its not working !!! But hope that solution will be here soon !
I want you people to add these parameters also to the code :
canpost='true' candelete='false' publish_feed='true'
@emilife : In articles.php, search for :
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]render_article($article_subject, $article[$_GET['rowstart']], $article_info);[/syntaxhighlighter]
Just after this, Add that same Code !!!!!!!!! Change the width of the Box according to your needs !!!!!!!
For more info, you people may visit :
http://developers.facebook.com/docs/r...s_(xfbml)/
http://developers.facebook.com/docs/r.../comments/
Edited by Ankur on 19-01-2011 19:27,
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Quote
Ankur wrote:Quote
structor wrote:
Question: can it be done for photos, or maybe photoalbums?
Yeah !!! Of course !!!
Actually, it uses the current page URL to show the Comments differently for each URL.
So wherever you put this code, it will show the comments posted n that page.
For example :
If the current page URL is www.clan-icsl.com/profile.php?lookup=1, then it will show the comments only for this URL... And similarly different comments posted for other URL's.
So in short comments are unique for all pages by url...
so you can use it in :
> Photo Albums Page
> Photos page
> Articles
> News
> Custom Pages
.
.
Infact on the whole site
Can you help me a litttle here with the:
> Photo Albums Page
> Photos page
> Articles
> News
> Custom Pages
Where to set in the code so it works.
I mean the;
[syntaxhighlighter brush=javascript,first-line=1,highlight=0,collapse=false,html-script=false]// Code Added for Facebook Comments Box
echo "<table cellpadding='0' cellspacing='0' width='400' class='center tbl-border'>\n<tr>\n";
echo "<td class='tbl2' colspan='2'><strong>Umsagnir</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: '****************', 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 numposts='10' width='400' publish_feed='false'></fb:comments>\n";
echo "</td></tr>\n</table>\n";
// Code Ends here
[/syntaxhighlighter]
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Quote
Ankur wrote:Quote
Jack Daniels wrote:
Push up.
Sorry for my bad english !!!
But didn't get, what it means ? :(
Here's the Demo which is Live Now : http://www.clan-icsl.com/profile.php?...p?lookup=1
Put the thread to the top of the page. :P
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Found it self
After line 176
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]render_news($news_subject, $news_news, $news_info);[/syntaxhighlighter] add your code, save and upload news.php in your root of PHP Fusion dir.
After line 176
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]render_news($news_subject, $news_news, $news_info);[/syntaxhighlighter] add your code, save and upload news.php in your root of PHP Fusion dir.
Edited by Jack Daniels on 23-01-2011 12:15,
answered
Quote
Jack Daniels wrote:
Found it self
After line 176
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]render_news($news_subject, $news_news, $news_info);[/syntaxhighlighter] add your code, save and upload news.php in your root of PHP Fusion dir.
Yeah !!!
Both render_news and render_article are used to export their data. So, similarly, if you want to do it in articles, search for render_article and in photos, you need to look on the code where to add it according to needs.
It will be easy for you if you are not a learner... ;)
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Have a problem in IE and don't like it cause there is everything ok in Firefox.
And so is that problem with the orginal commentbox.
Should I disable that and dissable guests to write?
And so is that problem with the orginal commentbox.
Should I disable that and dissable guests to write?
Edited by Jack Daniels on 13-02-2011 18:57,
Rolf Mayer
Rolf Mayer 10
Ex
- Senior Member, joined since
- Contributed 391 posts on the community forums.
- Started 7 threads in the forums
Cannot see the Image.
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
See it now?
Rolf Mayer
Rolf Mayer 10
Ex
- Senior Member, joined since
- Contributed 391 posts on the community forums.
- Started 7 threads in the forums
Quote
Jack Daniels wrote:
See it now?
Yes, I do. Harly will be able to help, I think, because he is the themes-author.
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Yes I hope so. It is strange it work's in FF, Opera and Chrome but not in IE.
Rolf Mayer
Rolf Mayer 10
Ex
- Senior Member, joined since
- Contributed 391 posts on the community forums.
- Started 7 threads in the forums
Quote
Jack Daniels wrote:
Yes I hope so. It is strange it work's in FF, Opera and Chrome but not in IE.
That happens very often. I don't use IE except for testing for customers.
answered
@JaCk Daniels - I'm not sure, if I can help, but where did you add the code? Under the footer, in the theme.php, ('cause that's what it looks like, in the screenshot)?
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
No the code is in news.php in the root after line 176.
And like I said earlier, it works fine in Firefox and Opera browsers.
And like I said earlier, it works fine in Firefox and Opera browsers.
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
And by the way, it's not shown in that picture, that the first part of the commentbox is at the right place and then the rest is down there.
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Sometimes I feel like a total idiot. :(
I was using old version of IE and that's why it turn up the way the picture shows.
After upgrading IE everything work's fine.
I was using old version of IE and that's why it turn up the way the picture shows.
After upgrading IE everything work's fine.
l0nelyc0wboy
l0nelyc0wboy 10
I am always doing things that which i cannot do, in order that i may learn how to do it.
- Junior Member, joined since
- Contributed 11 posts on the community forums.
not trying to bump an old thread but since FB is rapidly growing and PF is getting better & better, if someone plan on integrating the comments system, just wanna let you know that facebook develops a new comment system with "moderation" support.
http://developers.facebook.com/blog/post/472
http://developers.facebook.com/blog/post/472
answered
Hmm... The new interface looks much better :)
Thanks L0nely for this useful info....... ;)
EDIT :
[size=28]Post#1 Updated ![/size]
Thanks L0nely for this useful info....... ;)
EDIT :
[size=28]Post#1 Updated ![/size]
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
This is the code I get and it does not work
Quote
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxxx&xfbml=1"></script><fb:comments href="linuxvefurinn.is" num_posts="10" width="500"></fb:comments>
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Sorry, doble post.....
Jack Daniels
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Any way, is there anyone that know where to put this code so it works?
Category Forum
Code Snippet and functions - 8Labels
None yet
Statistics
- Views 0 views
- Posts 45 posts
- Votes 0 votes
- Topic users 9 members
9 participants
Falk 131
Need help?, Having trouble?
• View our Documentation for Guides, Standards and Functions
• Name and Organize your Topics and Content correctly in the corresponding Forums for best support results
• Attaching Log Files and Screenshots when reporting issues will help
• Provide with an URL to live example if one exists
• Please read the How to Report an Error post
• Please read and comply with the Code of Conduct
• View our Documentation for Guides, Standards and Functions
• Name and Organize your Topics and Content correctly in the corresponding Forums for best support results
• Attaching Log Files and Screenshots when reporting issues will help
• Provide with an URL to live example if one exists
• Please read the How to Report an Error post
• Please read and comply with the Code of Conduct
(¯·._.·(¯°·._.·°º*[ Project Manager ]*º°·._.·°¯)·._.·¯)
- Super Admin, joined since
- Contributed 6,201 posts on the community forums.
- Started 639 threads in the forums
- Answered 11 questions
Harly 10
Regards, Har1y.
- Senior Member, joined since
- Contributed 302 posts on the community forums.
- Started 51 threads in the forums
Structor 10
- Member, joined since
- Contributed 116 posts on the community forums.
- Started 11 threads in the forums
emilife93 10
- Member, joined since
- Contributed 176 posts on the community forums.
- Started 49 threads in the forums
l0nelyc0wboy 10
I am always doing things that which i cannot do, in order that i may learn how to do it.
- Junior Member, joined since
- Contributed 11 posts on the community forums.
Jack Daniels 10
- Member, joined since
- Contributed 77 posts on the community forums.
- Started 9 threads in the forums
Rolf Mayer 10
Ex
- Senior Member, joined since
- Contributed 391 posts on the community forums.
- Started 7 threads in the forums
Ankur 10
Hi! Its me, Ankur Thakur!
- Veteran Member, joined since
- Contributed 1,277 posts on the community forums.
- Started 60 threads in the forums
- Started this discussions
[size=24]HELP WANTED FOR PHP-FUSION PROJECTS[/size]
[size=12]I am seeking Web Developers & Designers, Graphic Developers & Designers, Web, Mobile App & Computer Program Coders & Programmers & Beta & Alpha Testers for new PHP-Fusion Add-Ons like Themes, Infusions, BB-Codes and ETC, as well as Websites, Mobile App & Computer Programs to help me develop, design, code & program new PHP-Fusion Add-Ons, Websites, Mobile Apps & Computer Programs and I also need some people to test those in the Beta & Alpha stages both. All jobs are paid and are freelance jobs. Please message me here if interested for a list of available positions and projects. [/size]
[size=12]I am seeking Web Developers & Designers, Graphic Developers & Designers, Web, Mobile App & Computer Program Coders & Programmers & Beta & Alpha Testers for new PHP-Fusion Add-Ons like Themes, Infusions, BB-Codes and ETC, as well as Websites, Mobile App & Computer Programs to help me develop, design, code & program new PHP-Fusion Add-Ons, Websites, Mobile Apps & Computer Programs and I also need some people to test those in the Beta & Alpha stages both. All jobs are paid and are freelance jobs. Please message me here if interested for a list of available positions and projects. [/size]
- Member, joined since
- Contributed 120 posts on the community forums.
- Started 44 threads in the forums
Notifications
Track thread
You are not receiving notifications from this thread.
Related Questions