Show Thread Enhancements - Google+1 / Facebook / Linkedin / Twitter Share Buttons

Hello VBers!
This is my first modification here, I hope you will find it useful and helpful

About
Most of us now are aware of the importance of integrating social networks plugins into our websites and the great impact on increasing the site visibility and traffic, social networks made it too easy to share and recommend content which you consider useful for your friends.

What we will do now is integrating, Google+1, Facebook, Linked and Twitter share Buttons at your Showthread page

Live Demo : Language Teaching & Learning Resources Check it under the signature
There is also a photo attached below.

Installation
We will edit the template : postbit_legacy or postbit ( whatever you use
let's assume that I will edit the postbit_legacy.

open postbit_legacy, look for this code :

           {vb:raw template_hook.postbit_signature_start}
                                {vb:raw ad_location.ad_showthread_firstpost_sig}
                <vb:if condition="$post['signature']">
                        <blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
                </vb:if>
                                        {vb:raw template_hook.postbit_signature_end}
            </div>
            </vb:if>

add after ( DON'T FORGET TO EDIT THE TWITTER ACCOUNT IN RED):

<vb:if condition="$post[postcount] == 1">
<div style="float: right; padding: 10px 0 8px 10px;">
    <table border="0" height="62px">

  <tr>
    <td valign="bottom"><g:plusone size="tall"></g:plusone></td>
    <td valign="bottom"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="YOUR TWITTER USERNAME" data-related="aaronwall">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>
    <td valign="bottom"> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></td>
    <td valign="bottom"><a name="fb_share" type="box_count" expr:share_url="data:post.url" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></td>

  </tr>
</table>
 </div>
</vb:if>

For Google +1 , you should add this code to the footer to work :

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

Known Problems : Linkedin button give error if the thread titles has some characters like @, !!!!!! , etc, hope that once can help sort this out.

Disclaimer I have got this idea from this post Thanks naveeid

Feel free to Click ' Mark As Installed ' if you used.

[dormopoco]

Yes not work please update twitter button

[DevOne5555]

Just FYI, the problems with the Tweet count are a known issue on Twitter's end. AFAIK only vBulletin 4.x users are affected. Until Twitter comes out with a fix the best thing to do is disable the Tweet button.

[Taggy]

To speed up the Google plus one button you can change.

<script src=?http://apis.google.com/js/plusone.js? type=?text/javascript?></script>

To

<script src=?https://apis.google.com/js/plusone.js? type=?text/javascript?></script>

When the plus one button is pressed Google redirects the javascript from a http URL to a https URL and can add up to 5 seconds on a users load time. So by changing the above code Google will no longer have to make this redirect.

[andresm000]

This is great! So i got it to work and I have 2 questions:
Is there any way to make the bubbles only display when hovering over the social media button?

Also, any way to make these buttons available on all CMS articles and comments? Please see screenshot.
http://brighthotelier.com/images/misc2/socialmedia.png

[birdie]

I just posted a job in the request for paid work for someone who can install this mod in vB3.6:
https://vborg.vbsupport.ru/showthread.php?t=268067

[MADMA]

Originally Posted by birdie

I just posted a job in the request for paid work for someone who can install this mod in vB3.6:
https://vborg.vbsupport.ru/showthread.php?t=268067

i can do this for you, it is easy to do

[Cystomatic]

Is there also a way to add this to the index page of my forum? So that it would show up in the header?

Thank you.

[geggi69]

Hi, I have an issue with the twitter button: the address pointing to thread is wrong

indeed it appears to be

http://www.termometropolitico.itshow...1234-my-thread

while it should be

http://www.termometropolitico.it/for...1234-my-thread

any hints?

Thanks so much

[RyanIsra.net]

Cool!
Just edited and works like a charm.

However, I prefer to put these buttons on the left, it's more eye-catching to users, IMO.

So, I changed the float to the left (in case anyone would do the same)

<div style="float: right; padding: 10px 0 8px 10px;">

to be:

<div style="float: left; padding: 10px 0 8px 10px;">

"Mark as Installed" : Done

[RyanIsra.net]

Btw, the script seem to be conflict with CONNECT button.

If I removed this script:

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

the facebook connect button appear but the share button gone (only text link)

Any suggestion?