Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Add "LIKE" button and other Facebook plugins to threads. Details »
Add "LIKE" button and other Facebook plugins to threads.
Mod Version: 1.4, by Xtrigit (Member) Xtrigit is offline
Developer Last Online: Apr 2011 I like it Show Printable Version Email this Page

vB Version: 3.8.x Rating: (5 votes - 5.00 average) Installs: 54
Released: 26 May 2010 Last Update: 05 Jul 2010 Downloads: 321
Not Supported Template Edits  

UPDATED: 7/4/10

What's new?
Facebook Comment Box


I recently added the new facebook "Like" button to my forum and I want to share with everyone!

Yes, this is IE,Firefox, Opera, Safari compatible.
Yes, this will also show a "comment" box when hover over.

First thing's first:

1. Go to http://www.facebook.com/developers/createapp.php (Facebook account required)

2. Enter your site name in the "Application Name" field... "agree" - "Create new app"

3. Click the Website tab

4: Enter your site URL in the "Connect URL" field.

i.e. http://www.DOMAIN.com/ (Don't forget the SLASH).

5. Enter DOMAIN.com in the "Base Domain" field and save.

6. In the next page you will see an "Application ID" number. (you'll need it later... keep the window open for now)

Template Edits:

headinclude:
Under:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Paste:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


* Replace IMAGEPATH with the actual path to the image you want to be displayed on people's facebook wall. (You can use your site logo)
*YOUR PROFILE ID = http://www.facebook.com/profile.php?id=randomnumbers

++++++++++++++++++++++++++++++++++++++++++++++++++++++++

SHOWTHREAD
Find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace with:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++

under:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Paste:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

*Download and open the attached .js file, Replace "APP ID" with your actual app ID. (not to be confused with profile ID)
*Save and upload fb.js to root/images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Add below:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

*This will place the Facebook Comment box below the last post, you may change the width to your liking.
*The comment box will only be shown to guests.
++++++++++++++++++++++++++++++++++++++

Now we need to place the "LIKE" button somewhere visible.

I use postbit_legacy so, this is what I did:
Find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Add below:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

* This will place the like button below the first post of every thread.
* you may change the table color to suit your needs.
---------------------------------------------------------------------------
Thanks to BirdOPrey5 for pointing out some mistakes.

Mark as Installed if you use this modification.


DONE! =]

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	1.png
Views:	1724
Size:	4.7 KB
ID:	119243   Click image for larger version

Name:	2.png
Views:	1983
Size:	7.0 KB
ID:	119244   Click image for larger version

Name:	3.png
Views:	2149
Size:	11.1 KB
ID:	119245   Click image for larger version

Name:	4.png
Views:	1951
Size:	15.6 KB
ID:	119246  

Click image for larger version

Name:	5.png
Views:	1702
Size:	16.6 KB
ID:	119247  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Show Thread Enhancements Add New Facebook "Like" button to your threads ericgtr vBulletin 4.x Template Modifications 252 16 Sep 2014 03:30
Add-On Releases Add Facebook "Like" button to your threads [vB 3.8.x] hubie vBulletin 3.8 Add-ons 206 18 Jun 2014 23:08

  #46  
Old 07 Jul 2010, 21:57
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
Originally Posted by Digital Jedi View Post
Looks like we're not the only one's having this problem: http://thecandycrew.webs.com/ http://forum.developers.facebook.com...php?pid=242948
What is your site URL?

I've implemented facebook plugins in dozens of sites and they all seem to be working great.

I believe some javascript on your site is interfering with facebook plugins.
Reply With Quote
  #47  
Old 08 Jul 2010, 12:55
sundarmobiles sundarmobiles is offline
 
Join Date: Oct 2007
Real name: sundar
can u give the procedure to use navbit area like in this screen shot and also can i use this one for this version 3.7.3?
Attached Images
File Type: jpg 7-8-2010 6-24-12 PM.jpg (125.6 KB, 410 views)
__________________
Stay connected with SMMobiles on Twitter
Stay connected with SMMobiles on Facebook
Reply With Quote
  #48  
Old 08 Jul 2010, 16:20
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
*YOUR PROFILE ID = http://www.facebook.com/profile.php?id=randomnumbers
Are these random numbers made up by us or are they generated somewhere? How many digits- does it matter?
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #49  
Old 08 Jul 2010, 23:24
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
*This will place the Facebook Comment box below the last post, you may change the width to your liking.
*The comment box will only be shown to guests.
Also- why would I only want to show the comment box to guests? Wouldn't I want anyone to be able to make a comment when they Like something?
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #50  
Old 10 Jul 2010, 02:58
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
Originally Posted by BirdOPrey5 View Post
Are these random numbers made up by us or are they generated somewhere? How many digits- does it matter?
Those numbers are your facebook profile ID, you'll find this in the address bar when you sign in to facebook.

If you have assigned your profile a custom "name", please read this:
http://www.ehow.com/how_5753004_facebook-id.html

Originally Posted by BirdOPrey5 View Post
Also- why would I only want to show the comment box to guests? Wouldn't I want anyone to be able to make a comment when they Like something?
Replace:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

With:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Now all members and guests can see and write in the comment box.
Reply With Quote
  #51  
Old 10 Jul 2010, 04:41
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Thanks for the reply, but I guess my question is why would I only want to show the comment box to guests? I think I'm missing something because wouldn't everyone want a comment to be entered by anyone, member or guest alike? If I don't show the comment box to registered users, like you originally coded, then how would registered users leave comments- is there some other way for them?
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #52  
Old 10 Jul 2010, 05:16
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
You say:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

*This will place the Facebook Comment box below the last post, you may change the width to your liking.
*The comment box will only be shown to guests.
But that code shows it to anyone not in the registered users, mods, admins, or supermods group. Many people have additional usergroups besides these. If you really only want to show to guests you should use:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

You also have the start of the <div> inside the conditional and the end of it outside, so the </div> will always be output even if the beginning <div> isn't.
I'm starting to think this is something different then the box where users enter a comment to be posted to their page- maybe this is where comments are left for the thread it's showing?
EDIT- I see this is a completely different thing then simply the 'Like' button... OK, not sure if I need it but will try.

One more thing- I tried this in IE, FF, Chrome, Safari, and Opera- and it worked in all of them but Opera- in Opera I just get the 'loading' graphic and the comment box never appears- but I don't care about Opera anyway- just an FYI.
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.

Last edited by BirdOPrey5; 10 Jul 2010 at 05:39.
Reply With Quote
  #53  
Old 10 Jul 2010, 09:26
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
Originally Posted by BirdOPrey5 View Post
Thanks for the reply, but I guess my question is why would I only want to show the comment box to guests? I think I'm missing something because wouldn't everyone want a comment to be entered by anyone, member or guest alike? If I don't show the comment box to registered users, like you originally coded, then how would registered users leave comments- is there some other way for them?
This is just a comment box, good for visitors that are just passing by, they can leave a comment without having to register on your site, the comment gets posted on the page and on their facebook wall. Why show it to members when they can just click the "LIKE" button and write a comment there?

You may not need it, others may.

Personally, i would recommend it, why force someone to register if he/she is only going to post once and never come back? You may "lose" that one registration but in return you will get 3 more to replace him/her.

Let visitors drive you more traffic.
Reply With Quote
  #54  
Old 10 Jul 2010, 09:45
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
Originally Posted by BirdOPrey5 View Post
You say:

If you really only want to show to guests you should use:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
Yes, that is correct

You also have the start of the <div> inside the conditional and the end of it outside, so the </div> will always be output even if the beginning <div> isn't.
Hehe, that, too, is correct.

Thanks for noticing
Reply With Quote
  #55  
Old 10 Jul 2010, 14:46
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Originally Posted by Xtrigit View Post
This is just a comment box, good for visitors that are just passing by, they can leave a comment without having to register on your site, the comment gets posted on the page and on their facebook wall. Why show it to members when they can just click the "LIKE" button and write a comment there?

You may not need it, others may.

Personally, i would recommend it, why force someone to register if he/she is only going to post once and never come back? You may "lose" that one registration but in return you will get 3 more to replace him/her.

Let visitors drive you more traffic.
I get it now, I am using it- I just was confused with the terminology since I thought by 'comment box' it was the small 1 line comment field when you press the like button.

Also I agree with your logic of showing it only to guests but I would suggest also at least the admin, if not mods, in case there is a comment that needs to be removed- I don't usually visit my board as a guest and I may not even be aware of a 'bad' comment otherwise.
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #56  
Old 10 Jul 2010, 16:49
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
OK, I made a comment with the comment box, it showed up on Facebook but after I left the page and returned to it the comment on the page was gone.
__________________
-Joe
Former vb.org Moderator. Retired.

@BirdOPrey5 | All Things BOP5 | Joe's Ultimate Off Topic
Note - I no longer making new VB mods, sorry.
Reply With Quote
  #57  
Old 13 Jul 2010, 11:59
sundarmobiles sundarmobiles is offline
 
Join Date: Oct 2007
Real name: sundar
can u give the procedure to use navbit area like in the screen shot and also can i use this one for this version 3.7.3?

__________________
Stay connected with SMMobiles on Twitter
Stay connected with SMMobiles on Facebook
Reply With Quote
  #58  
Old 14 Jul 2010, 21:49
Digital Jedi's Avatar
Digital Jedi Digital Jedi is offline
 
Join Date: Oct 2006
Real name: Mark Daniel Martinez
Originally Posted by Xtrigit View Post
What is your site URL?

I've implemented facebook plugins in dozens of sites and they all seem to be working great.

I believe some javascript on your site is interfering with facebook plugins.
City of Gamers. Been having trouble with it since before trying this mod out.
__________________
Reply With Quote
  #59  
Old 15 Jul 2010, 02:25
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
Originally Posted by sundarmobiles View Post
can u give the procedure to use navbit area like in the screen shot and also can i use this one for this version 3.7.3?
Open:
Navbar template located in Navigation / Breadcrumb Templates

Find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Replace with:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #60  
Old 15 Jul 2010, 04:35
Digital Jedi's Avatar
Digital Jedi Digital Jedi is offline
 
Join Date: Oct 2006
Real name: Mark Daniel Martinez
Originally Posted by Xtrigit View Post
What is your site URL?

I've implemented facebook plugins in dozens of sites and they all seem to be working great.

I believe some javascript on your site is interfering with facebook plugins.
Actually, I just installed the Wibiya toolbar, so I'm think going with the Like button on that. Thanks, though.
__________________
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 13:23.

Layout Options | Width: Wide Color: