How to add a twitter button to your MyBB forum

[MarkW7]

[TUT] Adding a twitter button to your forum

This is a tutorial on how to add a twitter / tweet button to the postbit, this means that it'll appear at the bottom of every post including the initial one.

We will be editing two template files.

Note: Any member that wishes to tweet must have their own twitter account.


Steps

1) Go to http://twitter.com/goodies/tweetbutton and select the tweet button that you would like to use.

I went with "No count".

The button looks like this:

The HTML looks like this:

Code:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="mcomputeforums">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

2) Log into your forum and go to

Admin CP > Templates & Style > Templates > *your template* > Post Bit Templates > postbit

Find:

Code:

{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_rep']}

and add

Code:

{$post['button_twitter']}

to the end so it looks like

Code:

{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_rep']}{$post['button_twitter']}

Save the template.

3) Now, go to Admin CP > Templates & Style > Templates > *your template* > Post Bit Templates > Add Template

Template name: postbit_twitter

Mine looks like this

Code:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="mcomputeforums">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Save the template.


4) Download and open the file

Code:

inc/functions_post.php

And add the following

PHP Code:

eval("\$post['button_twitter'] = \"".$templates->get("postbit_twitter")."\";"); 


Save and re-upload the file, replacing the old one.


Further Explanation

So you've finished or.. you want to know what it looks like before you start changing things.

Live demo: http://mcompute.co.uk

postbit view


pop out view (When the button is pressed)


End result, what it looks like on twitter.


Original tutorial: http://mcompute.co.uk/showthread.php?tid=616

[Kate]

Well, I couldn't find it anywhere. Great help posting it.

[MarkW7]

No problem! Glad it was of help.

[Simba]

This is a great tutorial! Thank you for posting as I'll probably give this to my forum what is in developing.

[Lith]

This will also for Like buttons for Facebook too, .

[kaburuan]

thanks for this tut..

[MarkW7]

This will also for Like buttons for Facebook too, .

It's very similar, but the like code is different. Tutorial here.
[MyBB] [TUT] How to add a Facebook "Like" button to your forum

[Cee Lo Green]

Thanks for this tutorial, I'll add this to my forum later today. It's much appreciated, keep up with the high quality tutorials matey!

[Robie]

Really cool tutorial, I might give this a go on my test forum, just for fun.

[MarkW7]

Thanks for this tutorial, I'll add this to my forum later today. It's much appreciated, keep up with the high quality tutorials matey!

Really cool tutorial, I might give this a go on my test forum, just for fun.

Thank you for the positive feedback!