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.

[AdamFL]

Thank you. I have an issue and not sure if it's related. I checked the URL and seems like when I share on twitter the posted tweet links are like:

Justanexampleforum.comshowthread.php/9-Qualities-

without the "/" -- Any ideas to fix this?

Thanks

[LeventX]

Thank you...

[Winter Sonata]

Originally Posted by AdamFL

Thank you. I have an issue and not sure if it's related. I checked the URL and seems like when I share on twitter the posted tweet links are like:



without the "/" -- Any ideas to fix this?

Thanks

Works with me without this issue, could you try another link ?

[AdamFL]

I tried few and I still have the issue: broken shared links.

[CoZmicShReddeR]

Any suggestions how to make the Google+1 alignment?
http://www.cozworld.com/threads/1961...r-in-Minecraft!!
It seems to be ridding in line with the other bubbles...

[Alan_SP]

Maybe it's something with vb4.1.4, as you have it installed.

[Wordplay]

i would love to use this but the facebook part doesn't work at all. i love the look of the buttons, but facebook doesn't show until you click it, then there is a +1, and when you load the page in a different browser, or reload it in that browser the number is gone again.

edit

just noticed it doesn't save anything for me, it doesn't save google+1 and facebook share doesn't work on for me at all even on links with just the thread id.

[ETDC]

What do I need to do to only add the Google +1? I have all the others.

[blackberry]

works with 3.8?

[final kaoss]

Thanks for the tip on how to add the Google plus 1. I found a better place to add it though.