• 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[TUT] Adding a twitter button to your forum
#1
[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: [Image: mcompute-twitter-5.png]

The HTML looks like this:
[code=html]
<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>
[/code]

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=html]
<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>
[/code]
Save the template.


4) Download and open the file

Code:
inc/functions_post.php

And add the following

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

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
[Image: mcompute-twitter-2.png]

pop out view (When the button is pressed)
[Image: mcompute-twitter-3.png]

End result, what it looks like on twitter.
[Image: mcompute-twitter-4.png]

  Reply


Possibly Related Threads…
Thread Author Replies Views Last Post
  [TUT] How to add a Facebook "Like" button to your forum Mark 1 21,948 27-10-2012, 03:16 PM
Last Post: Mark
  [TUT] Adding a Facebook share button to your forum Mark 1 15,398 14-05-2011, 01:12 AM
Last Post: Mark
  Evan Williams, Twitter Founder resigns as CEO Mark 5 15,602 10-04-2011, 05:12 PM
Last Post: Drumm

Forum Jump: