Support Forums

Pages: 1 2

[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

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

No problem! Glad it was of help. Smile

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

This will also for Like buttons for Facebook too, Oui

thanks for this tut..

(12-12-2010, 04:24 PM)Lith Wrote: [ -> ]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

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! Smile

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

(12-13-2010, 06:09 PM)ImALovelyBoy Wrote: [ -> ]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!

(12-14-2010, 12:30 PM)Robie Wrote: [ -> ]Really cool tutorial, I might give this a go on my test forum, just for fun.

Thank you for the positive feedback!

Pages: 1 2

MarkW7

Kate

MarkW7

Simba

Lith

kaburuan

MarkW7

Cee Lo Green

Robie

MarkW7