MyBB Community Forums

MyBB Community Forums > Resources > Tutorials > Social Share Thread
Full Version: Social Share Thread
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4 5 6

Damion

2010-04-07, 04:17 AM
Share thread:

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

Example:
[Image: 43316887.png]

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

2010-04-07, 11:41 AM
Again, good job!

Damion

2010-04-07, 12:54 PM
Again, Thank you.

Prentice

2010-04-07, 01:04 PM
Awesome Big Grin

ladygago

2010-04-17, 04:14 AM
(2010-04-07, 04:17 AM)Devilson Wrote: [ -> ]Share thread:

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

Example:
[Image: 43316887.png]

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

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

Damion

2010-04-20, 10:09 AM
(2010-04-17, 04:14 AM)ladygago Wrote: [ -> ]
(2010-04-07, 04:17 AM)Devilson Wrote: [ -> ]Share thread:

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

Example:
[Image: 43316887.png]

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.

(2010-04-17, 06:50 PM)wujek Wrote: [ -> ]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

2010-05-20, 05:42 PM
Do you have a StumbleUpon icon??

Tweep Cat

2010-05-20, 06:14 PM
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. Wink
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. Smile

faviouz

2010-05-20, 06:30 PM
I think these fit: http://www.iconarchive.com/category/soci...ticon.html

There's plenty more icons besides the StumbleUpon one.
Pages: 1 2 3 4 5 6
MyBB Community Forums > Resources > Tutorials > Social Share Thread