Thread Rating:
  • 2 Vote(s) - 1 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] [Tutorial] Adding a Facebook Comment Box
#1
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


Attached Files Thumbnail(s)
   
Reply
#2
Thanks!
Hey man, what's up?
Reply
#3
(01-13-2017, 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: banner.jpg]
Reply
#4
[Image: 10s9a28.jpg]
Vietnamese Help each other!
Reply
#5
new version added
Our New Theme Published = Click to download
Reply
#6
Can this be done to MyProfile comments?
Reply
#7
Is there a way I can change the facebook comment to disqus comments?
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)