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 04:30
Add-On Releases Add Facebook "Like" button to your threads [vB 3.8.x] hubie vBulletin 3.8 Add-ons 206 19 Jun 2014 00:08

  #16  
Old 04 Jun 2010, 19:07
RvG2's Avatar
RvG2 RvG2 is offline
 
Join Date: Jan 2007
Worked with 3.8.x

Last edited by RvG2; 04 Jun 2010 at 19:25. Reason: fixed!
Reply With Quote
  #17  
Old 05 Jun 2010, 17:54
ryancooper's Avatar
ryancooper ryancooper is offline
 
Join Date: Jul 2002
IS there a way to NOT show the icons (or faces) of the people who clicked?
Reply With Quote
  #18  
Old 07 Jun 2010, 04:50
Xtrigit's Avatar
Xtrigit Xtrigit is offline
 
Join Date: Jan 2010
Originally Posted by ryancooper View Post
IS there a way to NOT show the icons (or faces) of the people who clicked?
Replace the last code edit with this:


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

Reply With Quote
  #19  
Old 07 Jun 2010, 22:12
Daisyboo Daisyboo is offline
 
Join Date: Jul 2008
Is there any way to stop it showing in sensitive areas of the board?
__________________

A safe and supportive place to share your TTC journey, your pregnancy and the joys of raising a family.
Reply With Quote
  #20  
Old 13 Jun 2010, 00:06
jakobility jakobility is offline
 
Join Date: May 2010
thanks, great addon!

Last edited by jakobility; 13 Jun 2010 at 02:08.
Reply With Quote
  #21  
Old 13 Jun 2010, 21:59
UnganWeb UnganWeb is offline
 
Join Date: Oct 2007
Unhappy

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.
when I try to share a link on Facebook it cant be read. I dig into other vbulletin sites that use zoints seo and the problem is same. When I deactivate zoints seo its alright but I must not deactivate it. I cant understand the problem with zoints seo
Reply With Quote
  #22  
Old 13 Jun 2010, 23:08
MissKalunji's Avatar
MissKalunji MissKalunji is offline
 
Join Date: Aug 2003
Real name: Mj Bain
The code was missing something, View the "red" part

Works Nice i changed it cause the Thread part wasn't working

i changed to this instead


showthread.php$session[sessionurl]?p=$post[postid]&show_faces=false&amp

Thanks!
__________________
____________
BossLady
Reply With Quote
  #23  
Old 14 Jun 2010, 23:04
jakobility jakobility is offline
 
Join Date: May 2010
As I said, nice addon!

But I wonder about the long loading time. Is it possible to make it faster?
You can see the addon here on my website and it takes so much time to load..
Reply With Quote
  #24  
Old 15 Jun 2010, 14:23
MissKalunji's Avatar
MissKalunji MissKalunji is offline
 
Join Date: Aug 2003
Real name: Mj Bain
are you positive it's not something else causing this?

cause it loads fine for me?
__________________
____________
BossLady
Reply With Quote
  #25  
Old 15 Jun 2010, 14:40
jakobility jakobility is offline
 
Join Date: May 2010
Okay, now it loads fine.

So probably it was because of the cookies ect..
After removing it, it works well!

Thank you very much!
Reply With Quote
  #26  
Old 15 Jun 2010, 20:49
Noli Noli is offline
 
Join Date: Oct 2009
is it just me or is the create app page down?
Reply With Quote
  #27  
Old 18 Jun 2010, 17:39
jakobility jakobility is offline
 
Join Date: May 2010
After installing this addon, I have problems with like button.
By the button it shows me an red error. If I click on it, there comes a popup from facebook with the following message (translated from german):
You have to set a „href“-attribute for the inlineframe. For example <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Ffoo%2Fbar.html"></iframe>
Is there anything wrong in the configuration at facebook.com/developers or do I have to change the code in my website?

My configurations on facebook:
Canvas Callback URL
http://tablet-faq.de/
Connect URL
http://tablet-faq.de/
Base Domain
tablet-faq.de
Canvas URL
http://apps.facebook.com/tablet-faq/
FBML/iframe
iframe
Developer Mode
Off
Application Type
Website
Private Install
No
Reply With Quote
  #28  
Old 18 Jun 2010, 21:56
MissKalunji's Avatar
MissKalunji MissKalunji is offline
 
Join Date: Aug 2003
Real name: Mj Bain
I think this addon already has the LIKE integrated by the way
__________________
____________
BossLady
Reply With Quote
  #29  
Old 24 Jun 2010, 16:38
Dcoy Dcoy is offline
 
Join Date: Jul 2009
(Yes, you can place it ANYWHERE! I chose the ad template because it's closer to the reply button xD)
I cannot place it anywhere... I tried it and the code will not work properly... the post that will be posted on FB with the link of the thread that you "Like" will becomes an error if I put it in other places like ad_showthread_firstpost_sig and ad_showthread_firstpost_start

so is it really possible to place it on another location? because currently the location of the Like button is kinda messed up.... here's a screenshot http://i49.tinypic.com/2a9cq4h.jpg

its kinda floating between the first post and the new reply botton which is kinda annoying... is there a way to put it besides the edit button or the thanks button so its more cleaner and pleasant to look at

I hope someone can help me

Last edited by Dcoy; 25 Jun 2010 at 02:52.
Reply With Quote
  #30  
Old 24 Jun 2010, 17:03
yamahapaul's Avatar
yamahapaul yamahapaul is offline
 
Join Date: Aug 2008
Real name: Paul
Question

I can get it to show here if thats any good??
Attached Images
File Type: jpg Capture.jpg (74.7 KB, 72 views)
__________________
midlands heritage
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 03:12.

Layout Options | Width: Wide Color: