"Share" Button in NavBar and Showthread (links to over 200 social networking sites)

[bmckinley]

This is more of an idea than a really involved mod. Just a little template edit that places the "Share" button from www.addthis.com (http://www.addthis.com) the Navbar so your posts and threads can be Shared with the world easily. Thanks go out to all the other people who published mods that showed me how.

1. DEMO HERE (http://hearts4horses.com/forums) to see if this is something you want to do.

2. Go to www.addthis.com (http://www.addthis.com/) and get your own button code. Save in WordPad then go to step 3.

3. In navbar template find:
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
4. Insert below: (REPLACE CODE IN RED WITH CODE YOU GOT FROM WWW.ADDTHIS.COM (http://www.ADDTHIS.COM) IN STEP 2.)
<td class="vbmenu_control"><!-- AddThis Button BEGIN -->
<a href="http://www.addthis.com/bookmark.php?v=250&pub=hearts4horses" onmouseover="return addthis_open(this, '', '[url]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/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=hearts4horses"></script>
<!-- AddThis Button END -->
</td>5. Save

6. (optional) Post a thread notifying your members about the new feature.

7. Click "Installed" ;)

This is a simple way to allow for additional cross networking for your forums.

[bmckinley]

(you know...for any problems) ;)

[goxy63]

Easy and nice one

Thanks

[bmckinley]

Easy and nice one

Thanks

Glad you like it.

[woffie]

Does it have to go on the navbar?

[woffie]

I found another good place to put this.

In your SHOWTHREAD template find the code
<td class="vbmenu_control" id="threadtools" nowrap="nowrap">

Add this code above it. It will bookmark threads.

[bmckinley]

I found another good place to put this.

In your SHOWTHREAD template find the code


Add this code above it. It will bookmark threads.

Great idea, thanks for sharing it. See, if I was smarter, I would have thought of it...

...so I'm off to install in SHOWTHREAD...

[Saint_I_Am]

do you have a screen shot of how it looks in SHOWTHREAD please?

[bmckinley]

do you have a screen shot of how it looks in SHOWTHREAD please?

http://hearts4horses.net/image/SHOWTHREAD%20screenshot.bmp

[bmckinley]

As Woffie has pointed out...you can put the code anywhere you want. Other Ideas??

[Saint_I_Am]

thanks, will install in a few days

[zelnik]

what does it do that this: https://vborg.vbsupport.ru/showthread.php?t=209507 does not?

thanks

[bmckinley]

what does it do that this: https://vborg.vbsupport.ru/showthread.php?t=209507 does not?

thanks


Nothing different as far as I can see. Did not find previous when looking at Temp Mods. They both do the same thing.

Also, some may want to disable the hover over opening of the links window...sometimes it can be annoying when it seems to just open even if you just get close to it...here's how:

Within your www.addthis.com (http://www.addthis.com) code, locate and REMOVE the following:


onmouseover="return addthis_open(this, '', '[url]', '[TITLE]')" onmouseout="addthis_close()"


You can still click to open the "Share Links" window, but it won't just pop open on hover.

[BettorsTalk.com]

On the following code:

<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>

Are you saying to replace the above code starting at:

<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>

with the addthis code?

[bmckinley]

Insert below, do not replace.

[Hostboard]

Pretty kewl though I recommend users get their own link. I also used TMS and placed this in to my showthread_bookmarks template so the links appear where they normaly do as not to confuse the end users.

If anyone needs a hand placing it there feel free to let me know. I did not want to hijack the authors modification.

Good job :up:

[bmckinley]

Please feel free to "hijack"...that's what this forum is about. The more and unique uses the better. Please post your code adjustments for all to share.

[Hostboard]

Thank you...

First off I highly recommend using TMS
https://vborg.vbsupport.ru/showthread.php?t=152931

This will allow you to install mods like this but yet not manualy make any template changes which then allows for much easier upgrades without getting the out of date custom template messages. Uninstalling is as easy as disabling or deleting the TMS entry. No more reverting and pooring over code for changes!

So to place this in the Bookmarks section of your site (Manualy):

1. In your ACP under VBulletin options go to the Social Bookmark manager. Disable everything (uncheck) EXCEPT for 1 item. I left Google checked.

2. Find the showthred_bookmark template

Find:

<if condition="$bookmarksite['iconpath']">
<a href="$bookmarksite[link]" target="socialbookmark"><img src="$stylevar[imgdir_misc]/$bookmarksite[iconpath]" border="0" alt="<phrase 1="$bookmarksite[title]">$vbphrase[submit_thread_to_x]</phrase>" class="inlineimg" /></a>
</if>
<a href="$bookmarksite[link]" target="socialbookmark" style="text-decoration:none">$bookmarksite[title]</a>


Replace with the code you get from the site as noted in the authors post.

Thats it.

[VB1r@n]

i will try.
thank

[realdx]

To somebody knowledge, is it possible to configure the button to share only on Facebook? thanks! great hack!!

[Hostboard]

I am not sure addthis allows selective bookmark usage. But you can always just use VB's book mark manager:

Just need to set the icon and link

http://www.facebook.com/share.php?u=%url%


You could technicaly also just add a link in your navbar for this pretty easily as well if you did not want to use the default system.

[bmckinley]

To somebody knowledge, is it possible to configure the button to share only on Facebook? thanks! great hack!!

Hostboard hit it right on the money...don't think the add this can be restricted to FB only.

I am not sure addthis allows selective bookmark usage. But you can always just use VB's book mark manager:

Just need to set the icon and link

http://www.facebook.com/share.php?u=%url%


You could technicaly also just add a link in your navbar for this pretty easily as well if you did not want to use the default system.

The navbar thing would be really cool. Hostboard, do you want to either post or publish a hack on how to? if not, I'll do it, but your idea, so just go with it...if you publish, don't forget to come back here and edit in a link to your mod. Thanks for the help and suggestions about tms.

[Rean]

hi, can somebody help.. i've tried your demo in http://hearts4horses.net/member_forum/upload/index.php

and when i try to share on facebook, i've got this

https://vborg.vbsupport.ru/external/2009/10/65.jpg

but after installation in my vbulletin, i've only got this

https://vborg.vbsupport.ru/external/2009/10/66.jpg

can somebody help? how can i show the thread title, pics, and thread content at my wall post?

thanx and regards.

[bmckinley]

hi, can somebody help.. i've tried your demo in http://hearts4horses.net/member_forum/upload/index.php

and when i try to share on facebook, i've got this

https://vborg.vbsupport.ru/external/2009/10/65.jpg

but after installation in my vbulletin, i've only got this

https://vborg.vbsupport.ru/external/2009/10/66.jpg

can somebody help? how can i show the thread title, pics, and thread content at my wall post?

thanx and regards.

Hello,
It appears from your screenshots, that you have the install done correctly. To add content to "share" just copy what you want from your threads, and paste it into the box. Try that and let us know if it works.

[Rean]

Hello,
It appears from your screenshots, that you have the install done correctly. To add content to "share" just copy what you want from your threads, and paste it into the box. Try that and let us know if it works.

hi... thanx for reply...:)

but in my first screen shot (from the demo forum), i dont have to copy anything into the box...........
:confused:

[bmckinley]

hi... thanx for reply...:)

but in my first screen shot (from the demo forum), i dont have to copy anything into the box...........
:confused:

Content goes in the box which has "What's on your mind?" as default text. Tried to log on to your forum but could not get it to come up. I do not know why your button doesn't add the title and options for a thumbnail. Did you get button code from AddThis.Com?

[Rean]

Content goes in the box which has "What's on your mind?" as default text. Tried to log on to your forum but could not get it to come up. I do not know why your button doesn't add the title and options for a thumbnail. Did you get button code from AddThis.Com?
yes i've got the button code from addthis.com
i also try your code:
<td class="vbmenu_control"><!-- AddThis Button BEGIN -->
<a href="http://www.addthis.com/bookmark.php?v=250&pub=hearts4horses" onmouseover="return addthis_open(this, '', '[url]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/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=hearts4horses"></script>
<!-- AddThis Button END -->
</td>

but still give me the same result...
i also try tu change my style and template to default style, but still the same again..
any idea?

[bmckinley]

The only other thoughts I have is the difference in "Sharing" from the Navbar vs. "Sharing" from a Postbit and possibly a difference in the url calling features from Facebook US vs. Facebook Indonesia. What is the log in URL for Facebook there?

We don't have many installs to ask, but has anyone else had this problem?

[Rean]

dont you think it's should be the same?
from the 2 screen shots, i was logged in to facebook with the same login...

the login URL is
www.facebook.com

can somebody help?

[bmckinley]

dont you think it's should be the same?
from the 2 screen shots, i was logged in to facebook with the same login...

the login URL is
www.facebook.com (http://www.facebook.com)

can somebody help?

Please create a user id and PW for me to log in to your forum and PM it to me along with the url for your forum. I will log in and try and see what is going on.

[linuxututs]

I found another good place to put this.

In your SHOWTHREAD template find the code


Add this code above it. It will bookmark threads.

ShareThis also works with this Hack, but the navbar didn't show for me.
http://sharethis.com ( Sharethis also looks better to me )

Peace..............

[Rean]

Please create a user id and PW for me to log in to your forum and PM it to me along with the url for your forum. I will log in and try and see what is going on.
i did nothing, but suddenly this mod works well!
dont know what happened...
thanx for your help anyway
:)

[Hostboard]

Hostboard hit it right on the money...don't think the add this can be restricted to FB only.



The navbar thing would be really cool. Hostboard, do you want to either post or publish a hack on how to? if not, I'll do it, but your idea, so just go with it...if you publish, don't forget to come back here and edit in a link to your mod. Thanks for the help and suggestions about tms.

I would rather help you to expand this to include options for users so they can choose how they want to implement this on their site. I personaly hate having to choose between 1 modificaiton and another as inevitably there is something of both that I want but neither has it "all" Feel free to PM me and I will help you the best I can.

[bmckinley]

I think between you and Woffie, the anywhere has been accomplished. As Woffie pointed out early in the thread, doesn't just have to go in navbar, he put it in the showthread template. You have shown others how to use it in the bookmarks temp.

There are of course about a million places it could be used. I think if people want to place it somewhere and can't figure it out, we can help them.

If you think it's better to edit the mod and create "anywhere" instructions, then let me know an we'll do that. I just really appreciate all your help.

[fatdr]

i use in navbar and showthread ;
thats wonderfull working.
thanks ;)

[bmckinley]

Glad it's working for you.

[Skydiver10]

Thank you!

[bmckinley]

Glad it's working for you. If you think of any other ares you would like to use, please let us know.

[Naan-Kadavul]

thanks, screenshots wanted plz..

[TheKdd]

Is there a way to exclude this from certain forums?

[bmckinley]

The only way to exclude from certain forums would be to use conditionals. Like the standard navbar has when someone is NOT logged in vs when they ARE logged in. Unfortunately, that is above my level of knowledge.

I will play around with some things and let you know if I can figure it out. Meanwhile, you may want to ask some of the experienced programmers how to do it.

[Goomzee]

could u please tell mw how to do with Social engine

[bmckinley]

could u please tell mw how to do with Social engine


You would do the mod the same way, only substitute the code from social engine for the addthis code, (the code in red).

[onealien]

works perfectly....thanks!

[BirdOPrey5]

Nice idea, thanks! (I'm using in showthread)

[bmckinley]

works perfectly....thanks!

Nice idea, thanks! (I'm using in showthread)


Happy it's working well. Make sure to keep your "addthis" code updated...they are constantly adding more social engines.

[BirdOPrey5]

Since I already have a dedicated Facebook Like button and Twitter button I didn't want those logos in the "Share" image, so I customized it a little and am using this image. It's the same height as the Twitter button so it centers nicely is you use both.

[al2thero]

Great. Thank you.