MyBB Community Forums

Full Version: [Tutorial] Adding a Facebook Comment Box
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
1- Admin Cp - Themes & Styles - Showthread Templates  - showthread_quickreply Find 

Add Below

<br />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong><i class="fa fa-comment"></i> Facebook Commentators </strong>
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['unique_id']}.png" id="unique_id_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
<tbody style="{$collapsed['unique_id_e']}" id="unique_id_e">
<tr>
<td class="trow1"> <div class="fb-comments" data-href="https://Forumname.com/newreply.php?tid={$tid}&amp;processed=1" data-width="100%" data-numposts="5"data-colorscheme= "light"></div>
</td>
</tr>
</tbody>
</table>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2&appId=1631417506876599&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2- Add your own site address instead of Forumname.com

<div class="fb-comments" data-href="http://Forumname.com/newreply.php?tid={$tid}&amp;processed=1" data-width="100%" data-numposts="5"data-colorscheme= "light"></div>

version upgraded 2019
Thanks!
(2017-01-13, 03:00 PM)Anka06 Wrote: [ -> ]
1- Admin Cp - Themes & Styles - Showthread Templates  - showthread_quickreply Find 

Add Below

<br />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong><i class="fa fa-comment"></i> Facebook Commentators </strong>
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['unique_id']}.png" id="unique_id_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
<tbody style="{$collapsed['unique_id_e']}" id="unique_id_e">
<tr>
<td class="trow1"> <div class="fb-comments" data-href="http://Forumname.com/newreply.php?tid={$tid}&amp;processed=1" data-width="100%" data-numposts="5"data-colorscheme= "light"></div>
</td>
</tr>
</tbody>
</table>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=1283325171732526";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2- Add your own site address instead of Forumname.com

<div class="fb-comments" data-href="http://Forumname.com/newreply.php?tid={$tid}&amp;processed=1" data-width="100%" data-numposts="5"data-colorscheme= "light"></div>

Wiew

[Image: 1VB74p.png]

nice tut sir tq
[Image: 10s9a28.jpg]
new version added
Can this be done to MyProfile comments?
Is there a way I can change the facebook comment to disqus comments?
how to change command reply color sir

when i am use in dark theme that text wont show