Show Thread Enhancements - Addthis Bookmark Integration

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.

AddThis 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


Quick and easy installation:
register an account at http://www.addthis.com and log in, once logged in click Get your button code! 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 CODE HERE
</td>
<!-- AddThis Button END -->

done!

Make this the simplest MOTM Ever

[balkanboy]

Originally Posted by F0xy

I haven't upgraded to vb4 yet. I will when it goes gold and update this add-on.

Thanks looking forward to it

[muratcan25]

Thank you

[xash]

OK, I took your instructions and tweaked the AddThis code to make the button blend in with the default vBulletin 3.7.x template, so it looks like an inbuilt feature. I've also added AddThis trackback code to track click analytics for links shared through the AddThis button, and I've set the mouseover pop-up delay to 350ms so that it doesn't annoy users by accidentally popping up the menu on hover.

Here's what it looks like on my forum (see the Share button, note how it looks like an inbuilt vBulletin button). It aligns perfectly in Opera, Chrome and Firefox:



And here's the code I used:

(make sure to substitute YOURADDTHISUSERNAME and YOURBOARDURL in the code below)

PHP Code:

<!-- AddThis Button BEGIN -->
<td class="vbmenu_control" id="addthis" nowrap="nowrap">
<div class="addthis_toolbox addthis_default_style">
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=YOURADDTHISUSERNAME" style="text-decoration:none;" class="addthis_button">Share <img src="http://YOURBOARDURL/images/misc/menu_open.gif" BORDER=0 /></a>
</div>
<script type="text/javascript">
var addthis_config = {
    data_track_clickback: true,
ui_delay: 350
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=YOURADDTHISUSERNAME">
</script>
</td>
<!-- AddThis Button END --> 


[firattetik]

nice thanks

[nbaphenom]

Having issues in 3.8.4 with people using firefox

http://img338.imageshack.us/img338/5049/ugly2.png

I use Google Chrome and dont have that issue. Anyone know a fix?

[PEPITO69]

Yesterday i found the same problem. I had to write quite "____" above, to have enough width in <td> but the result is ugly and doesn't fit in iphone. I try width with % and absolute numbers but didn't work.

http://img823.imageshack.us/img823/1038/assft.gif

[PEPITO69]

Here is my solution:

PHP Code:

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

<!-- AddThis Button BEGIN -->
  

<div class="addthis_toolbox addthis_default_style" style="width:315px;">
<a class="addthis_button_facebook_like" fb:like:width="100":layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>

  <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xxxxxxxxxxxx"></script>


<!-- AddThis Button END -->


</td> 


[yotsume]

I have a couple of problems:

First the standard code to include in the showthread template is messed up in firefox. The buttons break to three lines. How can I fix that?

Second, how can I code this to show up on the vbadvanced homepage for threads in my news block?

Here is a link to the site: www.maczuki.com