Social Share Thread

[Damion]

Share thread:

This will add social buttons to the top of each thread.

Example:


Thanks to Chrissy Poo for helping devlope this edit.

Fixes by Chrissy Poo.

• Fixed Missing ALT Tag on Twitter.
  
• Pages open in New Window when buttons are clicked.
  
• Post Titles are transfered to Twitter, Reddit and Delicious (only 3 that need it).
  
• Web 2.0 Style Buttons hosted on Your Server.
  
• Added StumbleUpon to the Bookmarks.
  

Instructions:

• Download Icons from Here.
  
• Upload the 6 24px x 24px Icons you need (Digg, Delicious, Reddit, Facebook, Twitter and StumbleUpon) to your server.
  
• Edit the code below by editing each instance of "LINK TO SOCIAL ICON" with the correct link to the social image which you uploaded to your server.
  
• Go to ACP >> Templates & Style >> Templates >> Theme your using >> Show Thread Templates >> showthread_ratethread and paste the code below everything. Save the changes.
  
• Check everything is working by visiting a thread on your forum.
  

Demo of this Code Installed: Click Here

Code Needed:

<div style="margin-top: 6px; padding-right: 10px;" class="float_left">

<strong style="float: left; padding-right: 10px;">Share Post:</strong>

<a title="Digg" href="http://digg.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}" target="_blank"><img src="LINK TO SOCIAL ICON" alt="Digg" /></a>

<a title="Delicious" href="http://del.icio.us/post?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}&title={$thread['subject']}" target="_blank"><img src="LINK TO SOCIAL ICON" alt="Delicious" /></a>

<a title="Reddit" href="http://reddit.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}&title={$thread['subject']}" target="_blank"><img src="LINK TO SOCIAL ICON" alt="Reddit" /></a>

<a title="Facebook" href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}" target="_blank"><img src="LINK TO SOCIAL ICON" alt="Facebook" /></a>

<a title="Twitter" href="http://twitter.com/home?status={$thread['subject']} - {$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}" target="_blank"><img src="LINK TO SOCIAL ICON" alt="Twitter" /></a>

<a title="StumbleUpon" href="http://www.stumbleupon.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}" target="_blank"><img src="LINK TO SOCIAL ICON" alt="StumbleUpon" /></a>

</div>

Need any help or more buttons just ask.

[Bit 'n Bang]

Again, good job!

[Damion]

Again, Thank you.

[Prentice]

Awesome

[ladygago]

Share thread:

This will add social buttons to the top of each thread.

Example:


Go to ACP >> Templates & Style >> Templates >> Theme your using >> Show Thread Templates >> showthread_ratethread

and then paist this code under everything and save.

Then go check any thread for you social icons.

<div style="margin-top: 6px; padding-right: 10px;" class="float_left">
<strong style="float: left; padding-right: 10px;">Share Post:</strong>

<a title="Digg" href="http://digg.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Digg_24x24.png" alt="Digg" /></a>

<a title="Delicious" href="http://del.icio.us/post?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/delicious_24x24.png" alt="Delicious" /></a>

<a title="Reddit" href="http://reddit.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Reddit_24x24.png" alt="Reddit" /></a>

<a title="Face Book" href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/FaceBook_24x24.png" alt="Face Book" /></a>

<a title="Twitter" href="http://twitter.com/home?status={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Twitter_24x24.png" alt="" /></a>

</div>

Need any help or more buttons just ask.

That is just great. Thank you so much!

[wujek]

And if i user google seo?;]
i heave this style( http://www.reksio-cs.pl/t-nowy-styl-3523.htm ), polish "podziel sie".

[Damion]

Share thread:

This will add social buttons to the top of each thread.

Example:


Go to ACP >> Templates & Style >> Templates >> Theme your using >> Show Thread Templates >> showthread_ratethread

and then paist this code under everything and save.

Then go check any thread for you social icons.

<div style="margin-top: 6px; padding-right: 10px;" class="float_left">
<strong style="float: left; padding-right: 10px;">Share Post:</strong>

<a title="Digg" href="http://digg.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Digg_24x24.png" alt="Digg" /></a>

<a title="Delicious" href="http://del.icio.us/post?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/delicious_24x24.png" alt="Delicious" /></a>

<a title="Reddit" href="http://reddit.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Reddit_24x24.png" alt="Reddit" /></a>

<a title="Face Book" href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/FaceBook_24x24.png" alt="Face Book" /></a>

<a title="Twitter" href="http://twitter.com/home?status={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Twitter_24x24.png" alt="" /></a>

</div>

Need any help or more buttons just ask.

That is just great. Thank you so much!

No Problem.

And if i user google seo?;]
i heave this style( http://www.reksio-cs.pl/t-nowy-styl-3523.htm ), polish "podziel sie".

What? and they look great but i think tht style is a bit overused.

[jmeeter]

Do you have a StumbleUpon icon??

[Tweep Cat]

Thanks, this is awesome. Just as an idea, you could also put this code on the index page:

<div style="margin-top: 6px; padding-right: 10px;" class="float_left">
<strong style="float: left; padding-right: 10px;">Share Forum:</strong>

<a title="Digg" href="http://digg.com/submit?url={$mybb->settings['bburl']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Digg_24x24.png" alt="Digg" /></a>

<a title="Delicious" href="http://del.icio.us/post?url={$mybb->settings['bburl']}/"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/delicious_24x24.png" alt="Delicious" /></a>

<a title="Reddit" href="http://reddit.com/submit?url={$mybb->settings['bburl']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Reddit_24x24.png" alt="Reddit" /></a>

<a title="Face Book" href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/FaceBook_24x24.png" alt="Face Book" /></a>

<a title="Twitter" href="http://twitter.com/home?status={$mybb->settings['bburl']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Twitter_24x24.png" alt="" /></a>

</div>

^^ Edited it slightly, kudos to Damion of course.

---

Actually, at the bottom of the index_stats I put this:

<tr><td class="tcat"><span class="smalltext"><strong>Spread The Word!</strong></span></td></tr>
<tr>
<td class="trow1"><span class="smalltext">
<div style="margin-top: 6px; padding-right: 10px;" class="float_left">

<a title="Digg" href="http://digg.com/submit?url={$mybb->settings['bburl']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Digg_24x24.png" alt="Digg" /></a>

<a title="Delicious" href="http://del.icio.us/post?url={$mybb->settings['bburl']}/"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/delicious_24x24.png" alt="Delicious" /></a>

<a title="Reddit" href="http://reddit.com/submit?url={$mybb->settings['bburl']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Reddit_24x24.png" alt="Reddit" /></a>

<a title="Face Book" href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/FaceBook_24x24.png" alt="Face Book" /></a>

<a title="Twitter" href="http://twitter.com/home?status={$mybb->settings['bburl']}"><img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/web2/Icons/Twitter_24x24.png" alt="" /></a>

</div>

</div>
</span>
</td>
</tr>

It then looks like this: www.tweepabout.com/forum.php I am taking no credit for this by the way, Damion did the brilliant work.

[faviouz]

I think these fit: http://www.iconarchive.com/category/soci...ticon.html

There's plenty more icons besides the StumbleUpon one.