How to install Facebook Share Button in vB 4 threads?

Discussion in 'Web Development and Programming' started by AlexisMedia, Dec 27, 2010.

  1. AlexisMedia

    AlexisMedia Regular Member

    Joined:
    Dec 27, 2010
    Messages:
    12
    Likes Received:
    0
    How can I install Facebook Share Button in the 1st post of vBulletin 4 threads?

    Thanks!
     
  2. Brandon

    Brandon Regular Member

    Joined:
    Jun 1, 2009
    Messages:
    6,602
    Likes Received:
    1,706
    Location:
    Topeka, Kansas
    First Name:
    Brandon
    Are you talking about this share button code?

    http://developers.facebook.com/docs/share

    Code:
    <a name="fb_share"></a> 
    <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
            type="text/javascript">
    </script>
    
    Where in the first post do you want the button?
    Can you take a screenshot and mark the spot.
    Do you like the placement we have above the post?


    Welcome to the forums AlexisMedia :)
     
  3. AlexisMedia

    AlexisMedia Regular Member

    Joined:
    Dec 27, 2010
    Messages:
    12
    Likes Received:
    0
    Yep, this in the head:
    Code:
    <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
    This in the thread:
    Code:
    <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a>
    If we wanna get kinda crazy it would be nice to have facebook, tweet, and then stumbled upon. Basically just like yours but with stumbled upon.

    aimg29.imageshack.us_img29_6323_sharek.jpg

    Top right option is prefered but then I'm not sure which page it would share if their are multiple pages in the thread. That's why I wanted it just in the 1st post to be sure that the 1st page is included.

    Then it would be cool also if I can have a conditional that only allows the buttons in specific forums such as our "gallery" or all of our main (free) forums. Seems like it wouldn't be great to have the share button in paid subscription areas...LOL.

    Thanks and lovely forum you got here :beerchug:
     
  4. Brandon

    Brandon Regular Member

    Joined:
    Jun 1, 2009
    Messages:
    6,602
    Likes Received:
    1,706
    Location:
    Topeka, Kansas
    First Name:
    Brandon
    This is what we're currently using

    Code:
    <span class="st_facebook_hcount"></span>
    <span class="st_twitter_hcount"></span>
    <span class="st_sharethis_hcount"></span>
    
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
    <script type="text/javascript">
            stLight.options({
                    publisher:'12345'
            });
    </script>
    to add stumbleupon, you would add this where you want it, after the twitter badge for example.
    Code:
    <span class="st_stumbleupon_hcount"></span>
    more info

    http://help.sharethis.com/customization/chicklet-counts

    I have the above code (with my publisher ID) in the ad_global_below_navbar template.
     

Share This Page