vB4 v3 Arcade Share Tools - Facebook, Google+, Twitter and More

  • Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Radio

    ven0m

    Administrator
    Staff member
    Administrator
    Moderator
    Platinum
    xenForo 2.x.x
    xenForo 1.x.x
    Contributor
    vBulletin All Access Pass
    The Chest
    Verified
    Ultra Platinum VIP
    Platinum VIP
    Gold VIP
    Silver VIP
    Premium
    Member
    Jul 17, 2005
    20,466
    7,708
    321
    localhost
    Heisenberg submitted a new resource:

    - v3 Arcade Share Tools - Facebook, Google+, Twitter and More

    vB Version: 4.x.x

    This is loosely based on my v3 Arcade Integrate Facebook and Twitter Add-on.

    This template modification will add submit buttons to Facebook, Twitter, Google +1, StumbleUpon and Pinterest.

    1. Open v3ARCADE_PLAY template

    Find:

    Code:
    {vb:raw headinclude_bottom}

    Below that add:

    Code:
    <meta property="fb:app_id" content="xxxxxxxxxxxxxxx" />
    <meta property="og:title" content="{vb:raw game.title}" />
    <meta property="og:type" content="website"...

     
    Last edited:

    ven0m

    Administrator
    Staff member
    Administrator
    Moderator
    Platinum
    xenForo 2.x.x
    xenForo 1.x.x
    Contributor
    vBulletin All Access Pass
    The Chest
    Verified
    Ultra Platinum VIP
    Platinum VIP
    Gold VIP
    Silver VIP
    Premium
    Member
    Jul 17, 2005
    20,466
    7,708
    321
    localhost
    Here is how to add a Pin It ( ) button to your arcade.

    Open your footer template and add this to the bottom and save.

    Code:
    <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

    This is the code you want to use in your arcade

    Code:
    <a href="http://pinterest.com/pin/create/button/?url=http://www.forumbanter.com/arcade/game-{vb:raw game.gameid}&media={vb:raw vboptions.bburl}/images/arcade/{vb:raw game.stdimage}&description={vb:raw game.title} -- {vb:raw game.description}" class="pin-it-button" count-layout="vertical" target="_blank"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

    So if you want to add it to the rest of your bookmarks open the v3ARCADE_PLAY template and find your existing code (I'm using the default OP code as example)

    Code:
    <div class="collapse"><h3 class="blockhead">Share and Bookmark</h3>
    <div class="blockrow" align="center">
    <div> 
    <table width="250" height="75" border="0" align="right">
    <tr bgcolor="#d2e7fd"><td width="60" align="center">
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <g:plusone size="tall" count="true"></g:plusone>
    </td>
    <td width="60" align="center">
    <script src="http://widgets.fbshare.me/files/fbshare.js" type="text/javascript">
    </script>
    </td>
    <td width="60" align="center">
    <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
    </td>
    <td width="60" align="center">
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5" type="text/javascript">
    </script>
    </td>
    </table>
    </div>

    Replace it with

    Code:
    <div class="collapse"><h3 class="blockhead">Share and Bookmark</h3>
    <div class="blockrow" align="center">
    <div> 
    <table width="300" height="75" border="0" align="right">
    <tr bgcolor="#d2e7fd">
    <td width="60" align="center">
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <g:plusone size="tall" count="true"></g:plusone>
    </td>
    <td width="60" align="center">
    <script src="http://widgets.fbshare.me/files/fbshare.js" type="text/javascript">
    </script>
    </td>
    <td width="60" align="center">
    <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
    </td>
    <td width="60" align="center">
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5" type="text/javascript">
    </script>
    </td>
    <td width="60" align="center">
    <a href="http://pinterest.com/pin/create/button/?url={vb:raw vboptions.bburl}/arcade/game-{vb:raw game.gameid}&media={vb:raw vboptions.bburl}/images/arcade/{vb:raw game.stdimage}&description={vb:raw game.title} -- {vb:raw game.description}" class="pin-it-button" count-layout="vertical" target="_blank"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
    </td>
    </table>
    </div>

    Save the template.