PDA

View Full Version : Show Thread Enhancements - Addthis Bookmark Integration


F0xy
04 Aug 2008, 14:29
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 (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 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=187190&type=1) https://www.vbulletin.org/forum/external/2010/03/17.gif

iogames
04 Aug 2008, 15:03
I was about to do this!

Thanks!

F0xy
04 Aug 2008, 15:16
no problem, i find this to be the cleanest way of adding bookmark buttons

iogames
04 Aug 2008, 18:34
Installed and MotMed!

F0xy
04 Aug 2008, 19:26
good stuff and thanks mate its appreciated

Q-v-n-s-Q
05 Aug 2008, 02:38
another cool stuff :) thanks

Forum Lover
05 Aug 2008, 06:55
Installed. :)

Adam21
05 Aug 2008, 11:21
Nice addon.May i know which template codes you used for your postbit?They looked great too!:)

F0xy
05 Aug 2008, 13:31
Nice addon.May i know which template codes you used for your postbit?They looked great too!:)

i'll be releasing a skin soon with that implemented in it

SHANE-D-PAIN
06 Aug 2008, 00:26
Nice release. Been doing this for a while. :)

princeedward
08 Aug 2008, 11:42
Installed...Thanks ;)

thmst30
08 Aug 2008, 20:06
Damn simple, thanks. Also you can use the advanced code for even more customization.

<!-- ADDTHIS BUTTON BEGIN -->
<script type="text/javascript">
addthis_pub = 'YOUR-ACCOUNT-ID';
addthis_logo = 'http://www.addthis.com/images/yourlogo.png';
addthis_logo_background = 'EFEFFF';
addthis_logo_color = '666699';
addthis_brand = 'Your Site';
addthis_options = 'favorites, email, digg, delicious, myspace, facebook, google, live, more';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-share.gif" width="125" height="16" border="0" alt="" /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- ADDTHIS BUTTON END -->

F0xy
09 Aug 2008, 11:51
yep good idea mate, its very simple but effective

spitb19
09 Aug 2008, 16:29
vbb have bookmark and you can avaible for it. but your mod have adress

EyeCrave
10 Aug 2008, 02:49
Thanks. I just stumbled upon Add This today and then found this afterwards.

F0xy
10 Aug 2008, 07:56
glad you like it guys

SSJB_7
12 Aug 2008, 01:54
thanks

F0xy
12 Aug 2008, 15:55
no problem mate

tru1
16 Aug 2008, 10:50
Simply amazing :)

legionofangels
16 Aug 2008, 18:06
Had the button installed since last year.

Good mod you have here, but don't need it since we already had it.

I don't understand why anyone doesn't use the Addthis button, it does keep things less cluttered.

We put it on every post rather than every thread though, so people could highlight specific comments if they wanted.

spaceČ
25 Aug 2008, 10:31
Is this hack supported?

thanks^^

F0xy
26 Aug 2008, 13:59
Is this hack supported?

thanks^^

yes, why is there a problem?

Please click install for support ;)

bada_bing
26 Aug 2008, 16:12
Any idea how I can get this working with vb 3.5.x ?

F0xy
29 Aug 2008, 08:05
Any idea how I can get this working with vb 3.5.x ?

i don't have a test board to check pal, have you tried to find the template edits?

dvbusuario
04 Sep 2008, 06:46
Good Idea!

Thank you.

Install!

F0xy
07 Sep 2008, 09:26
thanks for your comments

akulion
08 Sep 2008, 15:24
hi
even thou i used the variation of this mod "share this" one..but i marked installed on both to show support :)

thanks formaking it

YLP1
16 Sep 2008, 19:16
This is great...thank you..... I noticed something on your demo site that I would also love ---- when I went to your site as a guest, there was a pm flashy for me ---- so I clicked it and it took me to the registration page --- This is AWESOME!!!!

I would love to have this mod ---- is this a free or pruchase mod?

A question about this mod ---- would deleting the standard bookmark in vb code hurt this mod?

F0xy
22 Sep 2008, 08:23
A question about this mod ---- would deleting the standard bookmark in vb code hurt this mod?

no, you can turn off the standard bookmarks and use this mod instead

hederoglan
19 Nov 2008, 14:43
thank you..

TriMe
19 Nov 2008, 19:05
Installed! Wonderful!!

obmob
25 Nov 2008, 16:13
Nice! :D

F0xy
26 Nov 2008, 10:17
enjoy guys and thanks for your comments

Krazeguy
26 Nov 2008, 23:08
awesome. easy as!

F0xy
07 Feb 2009, 23:38
its actually worked really well for me, I now see lots of linkbacks in digg etc which brings traffic

stejoh
19 Feb 2009, 10:43
Does this mod work with vB 3.8.1?

furst
09 Mar 2009, 18:07
Thanks.

How about making another one for the member albums?

F0xy
23 Mar 2009, 16:59
Does this mod work with vB 3.8.1?

yes it should work ok with 3.8.1

Tophon
24 Mar 2009, 23:11
Thanks Foxy, working a treat on 3.8.1.

Installed.

Haltech
03 Apr 2009, 22:23
Anyone have the postbit code for this?

drsli
17 Apr 2009, 15:32
Works perfectly with 3.82 too. Many thanks! :)

obmob
18 Apr 2009, 16:07
I just realized that addthis popups an invisible flash movie coming from clearspring.com, it seems to be tracking what you do.

Read a couple of warnings while googling, any thought from you guys?
You might find clearspring, addthis and statcounter cookies.

karnevil
22 Apr 2009, 02:07
Nice Mod, thanks.

Installed on vB 3.7.0 and placed into each post made on the forum next to the yin yang rep button See screenshot below.

In Postbit Templates>>postbit

Find <if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a> &nbsp;


Immediately after insert your Addthis code

before

</if>
<if condition="$show['reputationlink']">
<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>

Marked as installed and tipped MOTM.

Thanks F0xy

goldenchild79
18 Jun 2009, 22:28
the twitter button doesn't work right. when i click on the twitter button, it takes me to twitter and there is only a shorten url and @addthis. it doesn't have the title of the thread. anyway i can fix that? thanks.

GSeybold
29 Jun 2009, 03:43
good stuff.. nice forum by the way:)

Fuzzy Logic
06 Jul 2009, 22:05
Works great, thanks, but in your image the button is centered vertically within the box, mine is a little high (the bottom of the button is level with the text in the next box) - anyone know how I can move it down a few pixels or centre it vertically?

Many thanks!

mrt12345
08 Jul 2009, 15:56
Thanks that was great

Kingdombuilder
26 Oct 2009, 06:20
Wow, Thank you and great mod. i have it installed and all is well.

balkanboy
21 Dec 2009, 10:05
this works with vb4?

Edit: Dang doesnt seem to have same code any chance someone can do a quick one for vb4

F0xy
21 Dec 2009, 10:20
this works with vb4?

Edit: Dang doesnt seem to have same code any chance someone can do a quick one for vb4

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

balkanboy
21 Dec 2009, 18:29
I haven't upgraded to vb4 yet. I will when it goes gold and update this add-on.

Thanks looking forward to it

muratcan25
31 Mar 2010, 07:33
Thank you

xash
15 May 2010, 03:50
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:

https://www.vbulletin.org/forum/external/2010/05/38.png

And here's the code I used:

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


<!-- 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
11 Nov 2010, 02:33
nice thanks

nbaphenom
16 Jan 2011, 19:36
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
08 Feb 2011, 16:39
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
09 Feb 2011, 21:52
Here is my solution:

<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
12 Feb 2011, 06:54
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 (http://www.maczuki.com)