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:	1721
Size:	4.7 KB
ID:	119243   Click image for larger version

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

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

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

Click image for larger version

Name:	5.png
Views:	1697
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

Comments
  #2  
Old 26 May 2010, 21:23
RobbieZ RobbieZ is offline
 
Join Date: Jul 2008
The colouring in is extraordinary.

Thanks.
Reply With Quote
  #3  
Old 26 May 2010, 23:19
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
No problem
Reply With Quote
  #4  
Old 27 May 2010, 04:35
Frank Sinatra's Avatar
Frank Sinatra Frank Sinatra is offline
 
Join Date: Nov 2008
Thanks a lot, was waiting some like this.
Reply With Quote
  #5  
Old 27 May 2010, 13:36
stamos2003's Avatar
stamos2003 stamos2003 is offline
 
Join Date: Nov 2003
Real name: Sven
the right title and link is not posted correct at facebook,
seems like the topic ID doesn't come over
Reply With Quote
  #6  
Old 27 May 2010, 14:01
stamos2003's Avatar
stamos2003 stamos2003 is offline
 
Join Date: Nov 2003
Real name: Sven
ok here is the fix and the hint for showing it only for the first post:


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

i have put mine in the postbit template after "CONTROLS" and it works fine now
Reply With Quote
  #7  
Old 27 May 2010, 15:08
Brandon Sheley's Avatar
Brandon Sheley Brandon Sheley is offline
 
Join Date: Mar 2005
Real name: Brandon
nice mod, how is it different then the other 2?
__________________

Email me for website help: brandon[at]sheley[dot]org
Reply With Quote
  #8  
Old 27 May 2010, 17:50
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
Originally Posted by Loco.M View Post
nice mod, how is it different then the other 2?
Not much difference, this one just makes use of the meta tags as recommended by facebook, works in all major browsers , adds the picture of the person who LIKED the content, adds a cookie so that a user can only like a thread once, the ability to add a comment (comment will appear on the person's "wall"). and... that's it!

Also, in facebook, you will see something like:

Joe likes "page title" on "site name"

rather than:

Joe likes "page title".

Reply With Quote
  #9  
Old 28 May 2010, 01:38
UnganWeb UnganWeb is offline
 
Join Date: Oct 2007
Error (I think stems Zoints Seo)
Reply With Quote
  #10  
Old 28 May 2010, 02:23
kall's Avatar
kall kall is offline
 
Join Date: Apr 2004
Real name: Ace
Originally Posted by Xtrigit View Post
Not much difference, this one just makes use of the meta tags as recommended by facebook, works in all major browsers , adds the picture of the person who LIKED the content, adds a cookie so that a user can only like a thread once, the ability to add a comment (comment will appear on the person's "wall"). and... that's it!

Also, in facebook, you will see something like:

Joe likes "page title" on "site name"

rather than:

Joe likes "page title".

So you haven't seen mine then.
__________________
vBulletin Styles (All styles compatible with 3.8.4 - Steel Blue 4.0 Available) | vBulletin Hosting
Reply With Quote
  #11  
Old 28 May 2010, 03:36
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
Originally Posted by UnganWeb View Post
Error (I think stems Zoints Seo)
Need more details to be able to assist you.

Originally Posted by kall View Post
So you haven't seen mine then.
Correct. The only one that I found for 3.8.x was the one made by hubie but people were reporting it didn't work in IE and the "comment" box would not appear.
Reply With Quote
  #12  
Old 28 May 2010, 05:55
kall's Avatar
kall kall is offline
 
Join Date: Apr 2004
Real name: Ace
Originally Posted by Xtrigit View Post
Need more details to be able to assist you.



Correct. The only one that I found for 3.8.x was the one made by hubie but people were reporting it didn't work in IE and the "comment" box would not appear.
That's probably why Brandon mentioned the other 2.

You could make it fewer edits required if you popped $vboptions[bbtitle] instead of YOURSITENAME.
__________________
vBulletin Styles (All styles compatible with 3.8.4 - Steel Blue 4.0 Available) | vBulletin Hosting

Last edited by kall; 17 Jul 2010 at 20:08.
Reply With Quote
  #13  
Old 28 May 2010, 13:18
MagicThemeParks's Avatar
MagicThemeParks MagicThemeParks is offline
 
Join Date: Sep 2009
kall, does yours work in 3.8x? Looks like it's for vB4.

Thanks Xtrigit, gonna try this one out this weekend!
Reply With Quote
  #14  
Old 29 May 2010, 08:05
ceho ceho is offline
 
Join Date: Mar 2008
Real name: Chris
Hi, I would like to finish the installation as your mod seems to be working well.

However I have problems with the position of the button. I put it into postbit_legacy under >!-- controls -->, and it's somewhere in the middle of that bit. I couldn't find a way how to change it (except for an align=left), and it seems that the class is coming from FB directly (as far as I understand...).

Here is what it looks like:

is.gif

This is what it should look like:

wanted.gif

And there is obviously a problem with the comment field which is not working properly:

comments.gif

Any help is much appreciated, really. Thanks a lot!
__________________
www.cureconnections.com
Reply With Quote
  #15  
Old 29 May 2010, 08:30
kall's Avatar
kall kall is offline
 
Join Date: Apr 2004
Real name: Ace
Originally Posted by MagicThemeParks View Post
kall, does yours work in 3.8x? Looks like it's for vB4.

Thanks Xtrigit, gonna try this one out this weekend!
Yep, there's a 3.8.x version as well.
__________________
vBulletin Styles (All styles compatible with 3.8.4 - Steel Blue 4.0 Available) | vBulletin Hosting
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 17:47.

Layout Options | Width: Wide Color: