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.

[daveaite]

Not bad of a mod, except the twitter still has

data-related="aaronwall">

for unsuspecting vBulletin users, which will refer your tweets to his.

Also users can increase load time if they put:

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

at the bottom of header include. Javascript is best placed in the top of webpages, not bottom for SEO purposes.

[ETDC]

Originally Posted by extreme-gaming

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

Can't read it.

[final kaoss]

Fixed, I recently added that new category & the forums within it.

All four browsers have no problem with the Plus 1 code where it's at.

However when it comes to the addthis bar:
Firefox, IE, Opera display it fine but google chrome wants to set it above the "thread tools" dropdown menu.

[Antonio Pereira]

Originally Posted by Winter Sonata

Put the code between :

<vb:if condition="$forum[forumid] != FORUM ID">YOUR CODE HERE</vb:if>

Don't forget to write the forum ID, and your most done

Only work for one forum ID.

What to do now?


One more thing with me in the 4.1.4 and vbseo only work with this code, but only for one forum:

<vb:if condition="$GLOBALS[forumid] != FORUM ID">YOUR CODE HERE</vb:if>

Best Regards

[Winter Sonata]

<vb:if condition="$GLOBALS[forumid] != 1,2,33,55">YOUR CODE HERE</vb:if>

You can add as many as forums you want.

[Antonio Pereira]

Originally Posted by Winter Sonata

<vb:if condition="$GLOBALS[forumid] != 1,2,33,55">YOUR CODE HERE</vb:if>

You can add as many as forums you want.

You have tried this?

Dont work give error.

Best Regards

[Winter Sonata]

Sorry, did you try this one ?

<vb:if condition="$forum[forumid] != 1,333,55,44,555">YOUR CODE HERE</vb:if>

write the forums ID which you want the buttons to appear in.

[MADMA]

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

Replace

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

With

<td valign="bottom"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Your-Twitter-Name" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw thread.threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>

[owning_y0u]

Tweets not updating. keeps standing on 0

[MADMA]

Originally Posted by owning_y0u

Tweets not updating. keeps standing on 0

the tweet count doesnt work correctly