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.

[duketxboy]

the twitter name do we put our own twitter name because I don't have one so trying to figure it out

[GameOverViper]

I know this site that I'm going to mention isn't vbulletin, but is there a way for us to add the social buttons to the side of the forum and make it so they scroll with the page when you scroll down? See example.

[Goomzee]

Is this mod works with 3.8.2 version?

[Alan_SP]

Yes, it would work if you change code a bit (as vB4 has some things a bit different).

For example, you use only if instead vb:if

So you have this:

<if condition="$post[postcount] == 1">

In the end use only:

</if>

And of course, you need to search for different code in your postbit template. But all in all, this is it.

[ClErK1991]

i have a question for this i hot dont violate the terms of service of vBulletin, but there is some way, when i clic share on facebook that the message under the thread dont be ths:

'This is a discussion forum powered by vBulletin. To find out about vBulletin, go to http://www.vbulletin.com/ .'

there is some way to change it? if this question violate the termines of services please forget my question and erase

[Toorak Times]

Thanks for that winter sonata

[weave]

Originally Posted by 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

I have this same issue and this is how I fixed it. I am still working on the fact that it is not incrementing tweet counts (yet). Though this seems to be a twitter bug https://dev.twitter.com/issues/48

The fix was adding this snippet "{vb:raw href}"

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="{vb:raw href}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

[ChiNa]

Simply honored to join vBulletin, These amazing top modification and so easy can only be made by vBulletin professional and amazing users... Congurats to all of you who have joined vBulletin, and many many credits to all of them who have participated and showen appreciation .. and I am one of them, Appreciated and thank you

[Fever905]

Hi there-

Trying to edit the files, but the only place I'm seeing that code is in the install folder, vbulletin-style.xml

I'm using the latest 4.x release... are my templates stored in the database? Can anyone tell me? Or do I need to download the latest files from my webserver and edit it that way?

Thank you

[gnrx]

Hello.
I try to install for use only for google+1 but don't work.
Modify postbit_legacy, and not work.

I use vb 4.2.1

Any error, any message, but not work.

Any iddea?

Thanks.