Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Add Tweet, Google+ FB like/Share buttons in your threads Details »
Add Tweet, Google+ FB like/Share buttons in your threads
Mod Version: 1.00, by ShawneyJ (Coder/Designer) ShawneyJ is offline
Developer Last Online: Apr 2019 I like it Show Printable Version Email this Page

vB Version: 3.8.7 Rating: (4 votes - 4.00 average) Installs: 14
Released: 14 Jun 2014 Last Update: Never Downloads: 0
Not Supported Template Edits  

Im basically adding this Template modification for safe keeping if thats ok by the staff.
This is pretty simply and does what i need it to do for my forums.
As the title kinda stats, you can add "Tweet, Google+ FB like/Share" share buttons under the post title of your threads and, or above signature. These 2 places i find looks neater and kinda more effective. You can chose to place your code anywhere in post_bit that fits your needs. FYI: This only shares the URL of the Thread.

Ok lets get to it.

In your Header Template, add this Code to the very Top:

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

And Save.

In Your Additional CSS Add the following:

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

Ok thats it for header and CSS, you don't need to change the above codes for any of the following options.

Now its time to place your Share Buttons into your Threads.
You have 1 of 3 Options on where you would like to add your Share Buttons.
1. Below Post Title
2. Above Signature
3. Next To Edit Buttons.

Option 1.
How to add Share Buttons Below Post Title:

Find in Template postbit_legacy:

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.

And Save.

Option 2.
How to add Share Buttons above your Signature:

In postbit_legacy Template, Search for:

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

Add Above:

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

And Save.

This is only if you have modified Signature Coding in your postbit.
Try searching in postbit_legacy Template for:

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

And add the code below it.

Option 3.
How to add Share Buttons below next to the Edit, Quote Buttons etc:

Find in your postbit_legacy Template:

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

And add Above, this Code:

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

And Save.

Hide Share Buttons in certain Forums:

You would simply use these lines around the Code above and change x to Forums ID:

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


For Example, if i wanted to hide the Share Buttons in my Staff Forums, i would place in the Forums ID 43 and 44. My code would look like this:

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

Screenshot Added.

Haven't tried this on normal post bit template but pretty sure it will work.
You can add extra buttons to this code for your site, like Pin It etc.

And hope this works for anyone that actually uses it.

Thanks for marking Installed!

Screenshots added of All Placements added to this post.
Demo Test Site: DEMO.

Also don't forget to add your own Twitter name "YOUR-TWITTER-NAME" to whatever yours is!

Updated: 30/06/2014.
Fixed the following issues:
validator.w3.org was picking on an small error in the facebook header code - Fixed.
There was an issue with the Like Button, every time you clicked Like, a box would appear. No more Box! - Fixed.
The <br's were in the wrong spot in the codes effecting 2nd, 3rd, 4th posts etc - Fixed.
When someone clicked the FB Like Button, the line of text would increase in character and cause 2 lines - Fixed.

Aware of a small issue sometime a small with line appears behine the FB Like Button when Clicking Like. Works fine and isn't a real issue, but will try to find a fix anyways.

Download Now

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

Screenshots

Click image for larger version

Name:	demo-top.png
Views:	323
Size:	332.3 KB
ID:	149394   Click image for larger version

Name:	demo-bottom.png
Views:	235
Size:	210.4 KB
ID:	149395   Click image for larger version

Name:	demo-next-to-edit.png
Views:	154
Size:	392.3 KB
ID:	149579   Click image for larger version

Name:	Hidden-Buttons.png
Views:	150
Size:	368.1 KB
ID:	149773  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Miscellaneous Hacks More Share Options TNG by BOP5 (Facebook, Twitter, Google +1, AddThis) Share Buttons BirdOPrey5 vBulletin 4.x Add-ons 977 02 Nov 2018 03:00
Show Thread Enhancements AddThis - Facebook Like, Tweet and Share buttons joomla vBulletin 4.x Template Modifications 51 06 Sep 2017 17:15
Miscellaneous Hacks Share Buttons Bar by BOP5 (Facebook Like, Twitter, Google+1, and more share options) BirdOPrey5 vBulletin 3.8 Add-ons 97 06 Nov 2013 07:31

Comments
  #2  
Old 16 Jun 2014, 13:23
mangmel mangmel is offline
 
Join Date: Nov 2010
any one have tried?
Reply With Quote
  #3  
Old 16 Jun 2014, 23:31
ShawneyJ's Avatar
ShawneyJ ShawneyJ is offline
 
Join Date: Jul 2006
Real name: Shawn
Originally Posted by mangmel View Post
any one have tried?
in those screenshots, is the share buttons running on 2 different forums. test forum and live in the demo.

you can see on blind eddies site, he is running just the like and share button from this mod, but without css edit.
thanks for like @ blind-eddie

EDIT: added a 3rd site screenshot demo, and screenshots of this working on twitter, google, facebook.
__________________
Sorry Guys, just a little busy lately.

Last edited by ShawneyJ; 17 Jun 2014 at 00:10. Reason: added extra line
Reply With Quote
  #4  
Old 17 Jun 2014, 00:47
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
Originally Posted by ShawneyJ View Post
you can see on blind eddies site, he is running just the like and share button from this mod, but without css edit.
thanks for like @ blind-eddie
But, he can't.
Reply With Quote
  #5  
Old 17 Jun 2014, 04:11
ShawneyJ's Avatar
ShawneyJ ShawneyJ is offline
 
Join Date: Jul 2006
Real name: Shawn
Originally Posted by Max Taxable View Post
But, he can't.
HAHA, yeah lol. i didnt think of that when i was typing his name
__________________
Sorry Guys, just a little busy lately.
Reply With Quote
  #6  
Old 17 Jun 2014, 13:11
blind-eddie's Avatar
blind-eddie blind-eddie is offline
 
Join Date: Apr 2006
Real name: Tim
Actually, the fb like/share is fb code, I did not add this to my test site, I added this to another site of mine.
It is a work in progress.
For some reason the Google button will not show in other styles.
I only edit the default style, all other styles are child styles.
I had to add the additional css to each style.
Each style is the default style edited.

So, with that said, any clues as to why the Google button will only show in the default style?


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

__________________
LONG LIVE 3.8 SERIES
National Arcade Competition Club- NACC All arcade edits will work on vb4.
Check out my heavily modified ibproarcade with over 50,000 games for you, free of charge!
Exclusive arcade addons, edits and skins were made by stangger5 owner of Next Level Arcade
Reply With Quote
  #7  
Old 17 Jun 2014, 14:23
ShawneyJ's Avatar
ShawneyJ ShawneyJ is offline
 
Join Date: Jul 2006
Real name: Shawn
seems like maybe you need to add the header code for google+ to show. thats just my first thought as usually its the only reason google+ does not show.
going by your source code, i only see the i.e. javascript for google+ in your default style.
__________________
Sorry Guys, just a little busy lately.
Reply With Quote
  #8  
Old 17 Jun 2014, 15:16
blind-eddie's Avatar
blind-eddie blind-eddie is offline
 
Join Date: Apr 2006
Real name: Tim
That's odd.... I did have to add header edit to each style.
Its working now, Thanks Shawn.
__________________
LONG LIVE 3.8 SERIES
National Arcade Competition Club- NACC All arcade edits will work on vb4.
Check out my heavily modified ibproarcade with over 50,000 games for you, free of charge!
Exclusive arcade addons, edits and skins were made by stangger5 owner of Next Level Arcade
Reply With Quote
  #9  
Old 19 Jun 2014, 08:03
mangmel mangmel is offline
 
Join Date: Nov 2010
why its does not auto post in wall when you click like button ?

Last edited by mangmel; 19 Jun 2014 at 08:54.
Reply With Quote
  #10  
Old 19 Jun 2014, 14:37
ShawneyJ's Avatar
ShawneyJ ShawneyJ is offline
 
Join Date: Jul 2006
Real name: Shawn
Originally Posted by mangmel View Post
why its does not auto post in wall when you click like button ?
Please see new update which has fixed this issue in first post.
__________________
Sorry Guys, just a little busy lately.

Last edited by ShawneyJ; 30 Jun 2014 at 13:00. Reason: removed code and added to first post
Reply With Quote
  #11  
Old 13 Jul 2014, 21:21
plubius plubius is offline
 
Join Date: Dec 2004
Wink

Anyway to keep this from showing in certain forums? I have a staff forum and other forums where I do not want people to share to facebook from. I know it is a conditional of some sort but I am not a coder and don't know how to write it. By the way very nice hack and works well.
Reply With Quote
  #12  
Old 14 Jul 2014, 14:21
ShawneyJ's Avatar
ShawneyJ ShawneyJ is offline
 
Join Date: Jul 2006
Real name: Shawn
Originally Posted by plubius View Post
Anyway to keep this from showing in certain forums? I have a staff forum and other forums where I do not want people to share to facebook from. I know it is a conditional of some sort but I am not a coder and don't know how to write it. By the way very nice hack and works well.
hi mate thanks.

i will have a mess around with this idea tomorrow for you. hope i can come up with a solution.
__________________
Sorry Guys, just a little busy lately.
Reply With Quote
  #13  
Old 14 Jul 2014, 14:56
blind-eddie's Avatar
blind-eddie blind-eddie is offline
 
Join Date: Apr 2006
Real name: Tim
Use the following conditional around Shawn's code and change 1,2,3,4,5,6,7,8,9,10 to the forum id's you wish to not show this in.




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


vbulletin conditionals: http://www.vbulletin.org/forum/showthread.php?t=215032
__________________
LONG LIVE 3.8 SERIES
National Arcade Competition Club- NACC All arcade edits will work on vb4.
Check out my heavily modified ibproarcade with over 50,000 games for you, free of charge!
Exclusive arcade addons, edits and skins were made by stangger5 owner of Next Level Arcade

Last edited by blind-eddie; 14 Jul 2014 at 22:25. Reason: Fixed my grammer....
Reply With Quote
  #14  
Old 16 Jul 2014, 00:51
plubius plubius is offline
 
Join Date: Dec 2004
Thanks Blindeddie you rock man
Reply With Quote
  #15  
Old 16 Jul 2014, 01:02
plubius plubius is offline
 
Join Date: Dec 2004
Received this error The following error occurred when attempting to evaluate this template:
Parse error: syntax error, unexpected ',' in /hermes/waloraweb048/b2393/moo.gamelandcom/forums/includes/adminfunctions_template.php(3950) : eval()'d code on line 166
This is likely caused by a malformed conditional statement. It is highly recommended that you fix this error before continuing, but you may continue as-is if you wish.
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 05:29.

Layout Options | Width: Wide Color: