Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Social Buttons with Short Share URL Details »
Social Buttons with Short Share URL
Mod Version: 1.00, by iBinJubair (Member) iBinJubair is offline
Developer Last Online: May 2015 I like it Show Printable Version Email this Page

vB Version: 5.0.1 Rating: (9 votes - 4.44 average) Installs: 37
Released: 01 Feb 2014 Last Update: Never Downloads: 16
Not Supported Template Edits Re-usable Code Translations  

Description:
This Modification will help you to add social buttons in thread conversation toolbar
  • using your site short urls e.g. http://example.com/node/xxxx
  • using original social buttons code
  • only one template modification
  • supporting vb5 responsive style
  • supporting LTR and RTL style
  • supporting style variables



Screenshots:







Instructions:
  • Open your site [Admin CP]
  • Go to [Styles & Templates] > [Search Templates]
  • Select your style from [Search in Style]. Put the following code in [Search for Text] and press [Find] button

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


  • Select the template named [conversation_toolbar]
  • Find the above line in the [conversation_toolbar] template code as shown bellow

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


  • Add the the following code above the red line
  • Note 1: You must replace "EXAMPLE.COM" with your website naked domain. There are 3 links.
  • Note 2: If your vBulletin files installed inside a folder, add the folder. e.g. example.com/vb

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



Tags: Social, Share, button, buttons, Facebook, Twitter, Google+, Google Plus, Thread, Short, URL, Link

Download Now

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

Screenshots

Click image for larger version

Name:	1.png
Views:	1835
Size:	40.2 KB
ID:	148043   Click image for larger version

Name:	2.png
Views:	1736
Size:	33.1 KB
ID:	148044  

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.
  #46  
Old 26 Jan 2016, 20:42
faustvasea97 faustvasea97 is offline
 
Join Date: Mar 2015
Originally Posted by DemOnstar View Post
Go to the style you want to add it to. Open the conversation_toolbar template in that style and delete all code there. Then copy and paste the code in the attachment into the conversation_toolbar and save.
Don't forget to change the site name for your site.

I am not sure yet what the node/xxxx stuff means yet.
Thanks , already fixed
I just put code on wrong line
Reply With Quote
  #47  
Old 26 Jan 2016, 20:55
DemOnstar's Avatar
DemOnstar DemOnstar is offline
 
Join Date: Dec 2012
Originally Posted by faustvasea97 View Post
Thanks , already fixed
I just put code on wrong line
And how about Facebook and Google+?
Reply With Quote
  #48  
Old 26 Jan 2016, 21:03
faustvasea97 faustvasea97 is offline
 
Join Date: Mar 2015
Originally Posted by DemOnstar View Post
And how about Facebook and Google+?
are working ok , just changed a little bit on code there
Reply With Quote
  #49  
Old 26 Jan 2016, 21:16
DemOnstar's Avatar
DemOnstar DemOnstar is offline
 
Join Date: Dec 2012
Originally Posted by faustvasea97 View Post
are working ok , just changed a little bit on code there
Then it would be good to show me the code that you changed in order to make it work don't you think?

Thanks.
Reply With Quote
  #50  
Old 26 Jan 2016, 21:44
faustvasea97 faustvasea97 is offline
 
Join Date: Mar 2015
I will pm you
Reply With Quote
  #51  
Old 26 Jan 2016, 22:27
shimei's Avatar
shimei shimei is offline
 
Join Date: Feb 2015
Originally Posted by DemOnstar View Post
Then it would be good to show me the code that you changed in order to make it work don't you think?

Thanks.

I think it would be good for you to show others the code that was changed in order to make it work.

Thanks,
Secret Squirrel
Reply With Quote
  #52  
Old 27 Jan 2016, 00:28
faustvasea97 faustvasea97 is offline
 
Join Date: Mar 2015
Originally Posted by shimei View Post
I think it would be good for you to show others the code that was changed in order to make it work.

Thanks,
Secret Squirrel
there is not big deal, I just changed a the width a little bit and that's it
Reply With Quote
  #53  
Old 28 Jan 2016, 19:44
DemOnstar's Avatar
DemOnstar DemOnstar is offline
 
Join Date: Dec 2012
Originally Posted by shimei View Post
I think it would be good for you to show others the code that was changed in order to make it work.

Thanks,
Secret Squirrel
What would you say was contained within the attachment here. . .?
Reply With Quote
  #54  
Old 03 Feb 2016, 19:54
DemOnstar's Avatar
DemOnstar DemOnstar is offline
 
Join Date: Dec 2012
I tried this and a couple of others. I am sure it isn't the mod that is at fault but no images are pulled from the database when a link is posted to any of the sites.

I think this is related:

http://www.vbulletin.com/forum/forum...facebook-image

And this:
http://www.vbulletin.org/forum/showthread.php?t=320779

Basically, when an attachment is quoted or when a link is posted, no images are seen.
vB5 issue I am sure. . . Correct me if I am wrong. . .
Reply With Quote
  #55  
Old 21 Apr 2016, 20:13
bigbear83 bigbear83 is offline
 
Join Date: Nov 2015
Working fine in 5.2.1

But just a quick question here -- how about if I wanted to have this show up in every post so that one could just use it to tweet a link to each individual post rather than tweet the first post of a thread? I tried tinkering around with this code but failed horribly LOL.
Reply With Quote
  #56  
Old 23 Jun 2016, 08:48
nakul nakul is offline
 
Join Date: Mar 2011
Thank you so much. The website is looks really good with this.
Reply With Quote
  #57  
Old 11 Aug 2016, 20:52
KimK KimK is offline
 
Join Date: Feb 2012
Real name: Kim
Works good with 5.2.3! I don't suppose anyone knows the code to add Linkedin share? This one I can probably figure out through linkedin but I thought I would ask.

It pulls my logo into the posts, but the logo is too big on facebook and google. Any remedies?

Also, I would love to add this into my articles and blogs as well. Thanks so much, this is great, I needed it.
Reply With Quote
  #58  
Old 11 Aug 2016, 21:21
KimK KimK is offline
 
Join Date: Feb 2012
Real name: Kim
Nevermind about adding to articles and blogs, @justunboxing posted the code above, and that worked too! Marked as installed.

I found the linkedin code from the developer site, <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-url="http://www.agentlinkus.com"></script>
Reply With Quote
  #59  
Old 26 Sep 2016, 04:57
MokeyII MokeyII is offline
 
Join Date: Mar 2015
Where does it pull the image from on a share to facebook?

as you can see it just shows a plain white image. How would I change this?
Reply With Quote
  #60  
Old 28 Sep 2016, 00:25
noypiscripter's Avatar
noypiscripter noypiscripter is offline
 
Join Date: Aug 2013
Originally Posted by MokeyII View Post
Where does it pull the image from on a share to facebook?

as you can see it just shows a plain white image. How would I change this?
Your site has to implement Open Graph meta tags in order for social media sites to be able to extract the metadata that includes the image thumbnail to use. I have a mod that does this.
__________________
Glenn Vergara - Former vB Developer
Looking for vB mods? Even for vBCloud?
vB Mods That Rock!

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
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 21:16.

Layout Options | Width: Wide Color: