Back to vBulletin 4.x Template Modifications

Google+1 / Facebook / Linkedin / Twitter Share Buttons
Mod Version: 1.00, by Winter Sonata

vB Version: 4.x.x Rating: (11 votes - 4.82 average) Installs: 110
Released: 04 Jun 2011 Last Update: Never Downloads: 0
Not Supported Template Edits Re-usable Code Translations  

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 : http://www.langacademy.net/vb/showthread.php?13508-What-are-you-waiting-for-WE-are-building-a-communty-and-you-are-a-part-of-it. 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 :
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):
Code:
<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 :
Code:
<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 ' ' if you used.

Download

No files for download.

Screenshots

Click image for larger version
Name:	vb.org.JPG
Views:	5228
Size:	88.0 KB
ID:	129741  

Similar Mods

Mini Mods Twitter And Facebook Integrated Buttons in Threads vBulletin 4.x Template Modifications
Show Thread Enhancements Google Buzz, Facebook Share, Twitter On Thread vBulletin 4.x Template Modifications
Mini Mods Twitter And Facebook Integrated Buttons in Threads Modification Graveyard

vblts.ru supports vBulletin®, 2022-2024