Miscellaneous Hacks - Share Buttons Bar by BOP5 (Facebook Like, Twitter, Google+1, and more share options)

This is the VB 3.8 version of my very popular "More Share Options" for VB4.

Since VB4 already had Facebook built in the mod was called "More Share Options." But since VB 3.8 (and earlier) do not have any share options built in the mod is called "Share Buttons Bar." but they do very much the same thing.

This mod will automatically add a bar to your navbar with many popular dedicated share buttons available including:

• Facebook (Like/Recommend/Send)
• Twitter Tweet
• Digg
• Google +1
• Linked In
• Stumble Upon
• Add This (which contains hundreds of more sites!)

There are no other mods available on vBulletin.org with as many share options, nor a simple install-able product with no manual edits needed in most cases.

In the event you want to make manual template edits instructions are included on how to do so.

I am using this mod on my forum, http://www.juot.net/forums/ but only in threads and I have manually included it in my SHOWTHREAD template only. For a better idea of what this mod really looks like see the screenshot.

This mod will allow you to share any page of your forum including forumhome, forumdisplay, threads, social groups, calendars, albums, pictures, arcade games, blogs- any page that has the navbar on it can be shared. In this respect it is actually far more useful than my 4.x version.

All Share Buttons are set to load JavaScript Asynchronously so it will never slow down a page load!



------------------------------------------------------

Please "Mark as Installed" if you use this.
Donations always appreciated. :up:
Nominate MOTM if you LOVE it!

[Edgespeeder06]

For some reason I also can't change the color of the bar to another color other than white? Am I doing something wrong?

[BirdOPrey5]

I see you have Facebook Connect installed, probably something conflicting... I need to clean up/update this mod soon anyway, would hold off or disable facebook like for the time being if you keep getting the error.

[Edgespeeder06]

Thanks I appreciate that.....I'm not sure why But I've had a hard time getting any facebook like button to work. Also is there any right way to change the color of that area? I am only able to change the color of the border display for the widgets as you can see.

[BirdOPrey5]

To change the colors you will need to edit the more_share_options template.

There are several places you may try to make the edit, since you have a custom style I can't tell you for sure which would work.

First I would try looking at the line:

<table class="tborder" cellpadding="0" cellspacing="1" border="0" width="100%" align="center" height="22">

And adding a background color to it:

<table class="tborder" cellpadding="0" cellspacing="1" border="0" width="100%" align="center" height="22" style="background:red;">

For example.

You will need to know some basic HTML to get the exact colors of course.

[Edgespeeder06]

perfect thanks I'll try that. I plugged the color in several parts of that file. I was using the bg code with the color code #s

[Edgespeeder06]

tried it and didn't work....the only section that seems to influence the color is this section:

<table border="0" style="padding:0px;" bgcolor="EBEBEB"><tr>

[Edgespeeder06]

In terms of the likes, it works for the home and forum page but not individual threads if that helps you. Thanks

[BirdOPrey5]

My answer remains it's probably some sort of conflict with your Facebook Connect.

[bakis]

Thanks a lot for this product =)

i have installed in my forum and works awesome, but i have a problem

my site is a spanish forum and the facebook button/dialogue is in english.

when i add (independent of this plugin) the "official" facebook frame the button "LIKE" is "ME GUSTA"


even if the plugin is in the same page with the official iframe the bar (your plugin) says "LIKE" and my buttons "ME GUSTA"

hehehe, excuse my bad english.

can you help me, please?

[BirdOPrey5]

You will need to edit the template more_share_options, find the code:

e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';

and change it you your language settings.