PDA

View Full Version : Show Thread Enhancements - Addthis / Sharethis Bookmark Integration


F0xy
26 Mar 2009, 14:24
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://www.vbulletin.org/forum/external/2010/03/17.gifMake this the simplest MOTM Ever (http://www.vbulletin.org/forum/vborg_miscactions.php?do=nominate&threadid=209507&type=1) https://www.vbulletin.org/forum/external/2010/03/17.gif

itsheinz
26 Mar 2009, 15:22
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™
26 Mar 2009, 15:46
Most Excellent. Thanks for sharing this.

Jasem
26 Mar 2009, 16:05
Good work, thank you!

Installed

F0xy
26 Mar 2009, 19:48
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
27 Mar 2009, 11:19
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
27 Mar 2009, 13:55
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://www.vbulletin.org/forum/external/2009/03/20.jpg

DobieGillis©
27 Mar 2009, 15:14
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
27 Mar 2009, 15:29
i cant pm the code to you

DobieGillis©
27 Mar 2009, 15:42
i cant pm the code to you

ok, thanks though

Arcade Fire
27 Mar 2009, 15:44
Thanks > Nominate

F0xy
27 Mar 2009, 15:50
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©
27 Mar 2009, 15:52
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
27 Mar 2009, 16:03
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©
27 Mar 2009, 16:07
sure, one sec. thanks very much

TandyServices
27 Mar 2009, 23:02
its the "SHOWTHREAD" template mate.

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

frogster
28 Mar 2009, 04:05
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
28 Mar 2009, 09:50
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
30 Mar 2009, 21:55
Very nice.......

jayzy1
31 Mar 2009, 09:27
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
31 Mar 2009, 12:20
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©
31 Mar 2009, 13:12
<!-- 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©
31 Mar 2009, 13:17
Installed!

jayzy1
31 Mar 2009, 16:18
Working now Thanks!

F0xy
01 Apr 2009, 13:20
great to hear lads

frogster
02 Apr 2009, 19:41
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
03 Apr 2009, 08:27
Hi,

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

Thanks.

you haven't done this part right http://www.vbulletin.org/forum/showpost.php?p=1780966&postcount=21

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

Keesa
05 Apr 2009, 01:25
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
05 Apr 2009, 02:57
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
05 Apr 2009, 04:01
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
08 Apr 2009, 01:50
Thanks!

F0xy
09 Apr 2009, 20:21
no worries lads, please remember to click install

basilrath
10 Apr 2009, 13:55
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
10 Apr 2009, 16:42
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
10 May 2009, 09:52
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
11 May 2009, 10:14
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
12 May 2009, 22:41
This code hack is not hacking it in 3.8.2...That <td class line does not exist in the SHOWTHREAD! Help...

EagleNick
13 May 2009, 00:19
Nice. I implemented this myself and never thought to release it as a template mod.
Ah well, nice work! ;)

anjaan7979
09 Jul 2009, 23:03
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
22 Aug 2009, 18:33
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
29 Aug 2009, 11:54
Thanks foxy,so quick easy and compehensive

SpadMan
05 Sep 2009, 17:01
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
06 Sep 2009, 19:15
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
13 Sep 2009, 14:47
Thanks. I installed this.

retrogt
17 Sep 2009, 03:33
for some reason mine is loading on the page in a vertical list of icons instead of horizontal

F0xy
17 Sep 2009, 08:34
do u have a pic or demo of the problem mate

MissKalunji
03 Nov 2009, 15:44
Nice i like this. Good job

WrestleRealm
05 Dec 2009, 17:11
thanks I have been looking for something like this.

Installed
Nominated

F0xy
08 Jan 2010, 17:57
glad you like it

thunderclap82
17 Jan 2010, 14:40
Any plans for a vB4 version?

Quads
22 Jan 2010, 06:04
installed.
works like a charm
:forum users applaud:

Erica1977
29 Jan 2010, 01:48
Thanks for this Tool awesome Work.

Pragathi
12 Feb 2010, 01:03
thanks this is very helpful.

Ramsesx
14 Feb 2010, 11:17
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
22 Feb 2010, 09:26
^Same for me

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

TheKdd
31 May 2010, 05:28
Any way to exclude certain forums from showing the buttons? Like the staff area perhaps?

mgcom
23 Jun 2010, 18:06
Any plans for a vB4 version?

what he said :up:

SBlueman
11 Dec 2010, 22:46
^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
30 Mar 2011, 13:43
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
19 May 2011, 17:32
how do I add it to the top of every article?

Mubeen Ali
19 Aug 2012, 15:23
installed. thanks dear