Addthis / Sharethis Bookmark Integration

[F0xy]

Loved the addition of bookmarks in vbulletin but hated the way they were placed at the bottom of the thread, each time I read a thread I immediately found myself scrolling to the top again. I tried moving the bookmarks to the top but didn't like the way they looked.

I came across http://www.addthis.com which allows you to add a handy piece of code to your website that allows you to bookmark a thread to any of the large bookmark sites, 34 different site's in total with out any mess or cluttering up the postbit area with tons of images. Plus addthis.com track all clicks and pages that have been submitted from your site. sharethis.com is a site that works exactly the same way.

AddThis and Sharethis is already on hundreds of thousands of websites including TIME Magazine, Oracle, TechCrunch, Freewebs, Entertainment Weekly, Topix, Lonely Planet, MySpace, PGA Tour, Tower Records, Squidoo, Zappos, FOX, ABC, CBS just to name a few and could be on your vbulletin forum within minutes!!

Demo click here then a thread to view demo (http://armaghgaa.info/forum/)


Quick and easy installation:
register an account at http://www.addthis.com and log in, once logged in click Get your button code! (http://www.addthis.com/web-button-select.html) and scroll down to and choose from a number of different buttons and get your code.

in SHOWTHREAD
find:

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">


above add:


<!-- AddThis Button BEGIN -->
<td class="vbmenu_control" id="addthis" nowrap="nowrap">
ADD THE ADDTHIS or SHARETHIS CODE HERE
</td>
<!-- AddThis Button END -->


done!

https://vborg.vbsupport.ru/external/2010/03/17.gifMake this the simplest MOTM Ever (https://vborg.vbsupport.ru/vborg_miscactions.php?do=nominate&threadid=209507&type=1) https://vborg.vbsupport.ru/external/2010/03/17.gif

[itsheinz]

il try this one,looks cool

btw,i cant see this code in my SHOWTHREAD template.
<td class="vbmenu_control" id="threadtools" nowrap="nowrap">

[starman?]

Most Excellent. Thanks for sharing this.

[Jasem]

Good work, thank you!

Installed

[F0xy]

il try this one,looks cool

btw,i cant see this code in my SHOWTHREAD template.
<td class="vbmenu_control" id="threadtools" nowrap="nowrap">

should be mate, try searching for the first instance of:

<td class="vbmenu_control" id="threadtools"

but go to SHOWTHREAD first and search it in their, if you still can't find it then it may be your customized skin, as a last resort pm me your SHOWTHREAD code.

[TandyServices]

What showthread do you add this to? In my showtread template there is: bookmarksite, list, quickreply, similarthreads, and similarthreadbits. Or is there someplace else I am to be looking?? Thanks, will mark installed if I can get it working..

[F0xy]

What showthread do you add this to? In my showtread template there is: bookmarksite, list, quickreply, similarthreads, and similarthreadbits. Or is there someplace else I am to be looking?? Thanks, will mark installed if I can get it working..

its the "SHOWTHREAD" template mate.

https://vborg.vbsupport.ru/external/2009/03/20.jpg

[DobieGillis?]

why is it that my button is added abouve the thread not next to thread tools? It's actually to the left above the bar

[itsheinz]

i cant pm the code to you

[DobieGillis?]

i cant pm the code to you

ok, thanks though

[Arcade Fire]

Thanks > Nominate

[F0xy]

why is it that my button is added abouve the thread not next to thread tools? It's actually to the left above the bar

did you add the code ABOVE this

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">


Please click install for further support

[DobieGillis?]

did you add the code ABOVE this

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">


Please click install for further support

I did, and it still is above the thread bar not next to thread tools. Not that bad, but would look nicer, otherwise. Also, the google link does not work.

[F0xy]

I did, and it still is above the thread bar not next to thread tools. Not that bad, but would look nicer, otherwise. Also, the google link does not work.

pm me a link to see this and your SHOWTHREAD code.

[DobieGillis?]

sure, one sec. thanks very much

[TandyServices]

its the "SHOWTHREAD" template mate.

Thanks, wasn't sure :rolleyes:
Installed :)

[frogster]

Please see attached picture. When I installed it, the complete sharethis button does not show. It is cut off.

Also, is there anyway to add this button to any of the two locations highlighted in black in the attached picture instead of where you show.

Thanks,
Maria

[F0xy]

Please see attached picture. When I installed it, the complete sharethis button does not show. It is cut off.

Also, is there anyway to add this button to any of the two locations highlighted in black in the attached picture instead of where you show.

Thanks,
Maria

I'll look into those other locations and let you know

to sort your other problem

did you add the code ABOVE this

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">

[hotwheels]

Very nice.......

[jayzy1]

why is it that my button is added abouve the thread not next to thread tools? It's actually to the left above the bar

Great Mod, thanks
Mine is a;so showing above and to the left. Is ther any fix for this? as it would look much neater like your picture

http://www.getthroughguides.co.uk/forum/

[F0xy]

Great Mod, thanks
Mine is a;so showing above and to the left. Is ther any fix for this? as it would look much neater like your picture

http://www.getthroughguides.co.uk/forum/


<!-- AddThis Button BEGIN -->
<td class="vbmenu_control" id="addthis" nowrap="nowrap">
ADD THE ADDTHIS or SHARETHIS CODE HERE
</td>
<!-- AddThis Button END -->

you didn't put the ADDTHIS code inbetween here where it states it must go, looking at your source code you have left out <td class="vbmenu_control" id="addthis" nowrap="nowrap"> that goes before the ADDTHIS code and the </td> that goes after it.

[DobieGillis?]

<!-- AddThis Button BEGIN -->
<td class="vbmenu_control" id="addthis" nowrap="nowrap">
ADD THE ADDTHIS or SHARETHIS CODE HERE
</td>
<!-- AddThis Button END -->

you didn't put the ADDTHIS code inbetween here where it states it must go, looking at your source code you have left out <td class="vbmenu_control" id="addthis" nowrap="nowrap"> that goes before the ADDTHIS code and the </td> that goes after it.

aha! That's it...

[DobieGillis?]

Installed!

[jayzy1]

Working now Thanks!

[F0xy]

great to hear lads

[frogster]

I'll look into those other locations and let you know

to sort your other problem

did you add the code ABOVE this

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">

Hi,

Yes I added the code above that...any other solution?

Thanks.

[F0xy]

Hi,

Yes I added the code above that...any other solution?

Thanks.

you haven't done this part right https://vborg.vbsupport.ru/showpost.php?p=1780966&postcount=21

if your still stuck then pm me your SHOWTHREAD template code.

[Keesa]

This is a great mod. Addthis has the flexibility and is way less obnoxious that twitthis.

Also love that users can print the topic.

5 stars.

[whitetigergrowl]

Whenever i hover over one of the social network names or images, everything in the box shifts. If you do the right hand side its fine. Try the left hand side and everything sifts. Any idea why?

FYI I'm having this happen in the latest Firefox.

[Brandon Sheley]

I've never added this mod to my forums, but I do have a few sites with the addthis widget setup, it's a great piece of code :)

[zefyx]

Thanks!

[F0xy]

no worries lads, please remember to click install

[basilrath]

This has a bug within it ..........

If you go to the specific thread and quickly move to the bookmarks explorer (in my case ie7) crashes and closes down with an error "internet explorer cannot open http://yoursite.com/showthread 123456"

this does not seem to happen when the you leave for a 20 seconds or so........

[F0xy]

This has a bug within it ..........

If you go to the specific thread and quickly move to the bookmarks explorer (in my case ie7) crashes and closes down with an error "internet explorer cannot open http://yoursite.com/showthread 123456"

this does not seem to happen when the you leave for a 20 seconds or so........

your problem has nothing to do with this hack.

[Ogmuk]

This has a bug within it ..........

If you go to the specific thread and quickly move to the bookmarks explorer (in my case ie7) crashes and closes down with an error "internet explorer cannot open http://yoursite.com/showthread 123456"

this does not seem to happen when the you leave for a 20 seconds or so........

Yep, that's why I'm using ShareThis instead. It appears to be a limitation with AddThis' API.

[basilrath]

your problem has nothing to do with this hack.

i have installed ie 8 and the problem has gone so im sorry to say it seems to be a problem with some browsers.

[HighRollerX]

This code hack is not hacking it in 3.8.2...That <td class line does not exist in the SHOWTHREAD! Help...

[EagleNick]

Nice. I implemented this myself and never thought to release it as a template mod.
Ah well, nice work! ;)

[anjaan7979]

I added ShareThis but here is one problem:

When you share the link the with someone it uses the last post link and not the first post / thread link. Does anyone know how to fix this?

Thank you

[slobra]

Does anyone know how to make this visible to guests? Works great when logged in but not as a guest.

Marked as installed!

Edit: Nevermind, just remembered how to do it. FYI this shows it to the usergroups listed (in this case anyone who visits the site)...


<if condition="is_member_of($bbuserinfo, 1, 2, 3, 4, 5, 6, 7)">
<!-- AddThis Button BEGIN -->
<td class="vbmenu_control" id="addthis" nowrap="nowrap">
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=ADDTHIS_USERNAME"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=ADDTHIS_USERNAME"></script>
</td>
<!-- AddThis Button END -->
</if>

[nci]

Thanks foxy,so quick easy and compehensive

[SpadMan]

I must be blind. I click your demo link and view a thread but don't see this mod.

Disregard, I just read the post above that indicates I have to register to see it.

[F0xy]

I must be blind. I click your demo link and view a thread but don't see this mod.

Disregard, I just read the post above that indicates I have to register to see it.

you don't need to register to view it. I just made a new style for my forum recently and haven't finished coding it. Try this style for a demo http://whatsyourview.net/forum/index.php?styleid=32

[munnakv]

Thanks. I installed this.

[retrogt]

for some reason mine is loading on the page in a vertical list of icons instead of horizontal

[F0xy]

do u have a pic or demo of the problem mate

[MissKalunji]

Nice i like this. Good job

[WrestleRealm]

thanks I have been looking for something like this.

Installed
Nominated

[F0xy]

glad you like it

[thunderclap82]

Any plans for a vB4 version?

[Quads]

installed.
works like a charm
:forum users applaud:

[Erica1977]

Thanks for this Tool awesome Work.

[Pragathi]

thanks this is very helpful.

[Ramsesx]

Sadly I got it shown vertical (see attachement)

This is my code:
<!-- AddThis Button BEGIN -->
<td class="vbmenu_control" id="addthis" nowrap="nowrap">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_print"></a>
<span class="addthis_separator">|</span>
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=***" class="addthis_button_expanded">More</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=*****"></script>
<!-- AddThis Button END -->
</td>
<!-- AddThis Button END -->
Thanks for help
Edit: ok with the default button code this works fine.

[rapsearch]

^Same for me

maby you can have a look at the 'toolbox beta' from addthis code to work?

[TheKdd]

Any way to exclude certain forums from showing the buttons? Like the staff area perhaps?

[mgcom]

Any plans for a vB4 version?

what he said :up:

[SBlueman]

^Same for me

maby you can have a look at the 'toolbox beta' from addthis code to work?

Just wrap the code with a if template conditional and exclude whichever forums you want.

[Azucar]

I got it to work on vBulletin 4, on the SHOWTHREAD template find:

<li class="popupmenu" id="threadtools">

Add before:

<vb:if condition="THIS_SCRIPT == 'showthread'">
<div style="float: right; padding: 0px 0px 0px 0px;">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=YOUR ADDTHIS USERNAME"></script>
<!-- AddThis Button END -->
</div>
</vb:if>

I'm using the latest AddThis code, on my forum to align the buttons with the rest of the thread tools links, I had to modify the style to this:

<div style="float: left; padding: 9px 0px 0px 0px;">

You play with it until it fits your skin.

This worked for me and it doesn't mean it will for you, you should back up your SHOWTHREAD template before making any changes. :)

[hyperviperx99]

how do I add it to the top of every article?

[Mubeen Ali]

installed. thanks dear