Show Thread Enhancements - Twitter - Tweet Button in SHOWTHREAD

Twitter released their new TWEET button.

Live Demo: http://www.juot.net/forums/showthread.php?t=41185
(Update I have for the time being replaced the Tweet button with the Add This share button on my live forum. See the screen shots instead.)


I have tested this in latest versions of IE / Firefox / Chrome / Opera / Safari.

This will show you how to add this simple code to your SHOWTHREAD template below the page navigation bar, if visible.

Go to the Admin CP -> Styles & Templates -> Style Manager
Edit your SHOWTHREAD Template

Find:

<if condition="$show['pagenav']"><td align="$stylevar[right]">$pagenav</td></if>

Replace With:

<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>
<if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
<table border="0">
<tr><td>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td></tr></table>
</if>
</td>

Change the X, Y, Z in the second line to the forumid's of any private forums you may have. If a guest can't view a forum there is no reason to link a tweet to it. You can add as many or as few forumid's here as you need, just separate each with a comma.
Valid Examples:
<if condition="!in_array($GLOBALS[forumid], array(2, 5, 9))">
<if condition="!in_array($GLOBALS[forumid], array(7))">
<if condition="!in_array($GLOBALS[forumid], array(2, 3, 4, 5, 6, 7, 8))">
If none of your forums are private or you want to enable this in every forum you can remove the lines:

<if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
and 
</if> (The second one)

Replace "YOUR_TWITTER_USERNAME" with your twitter username, it will be referenced in the tweet- but the tweet will not be from YOU, it will be from whoever hits the tweet button.

When you hit the Tweet button you will be given a box to type a message if you're logged in. If you're not logged in you will be asked to login or join, all within the pop-up window.

This button code will count the number of tweets people have made using it. I will add more options in later posts.

Note- My Screenshot also has the Facebook Like button available as a separate mod here by someone else. If you don't have the facebook like button your Tweet button will be on the right of the page. There is also a basic skin screen shot.

Please click Install if you use this.

NEW UPDATE!!!

Use this code instead it will force the correct URL to Twitter and solve the issue with a different URL being tweeted if thread is tweeted as soon as it's posted.

<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>
<if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
<table border="0">
<tr><td>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="$vboptions[bburl]/showthread.php?t=$thread[threadid]">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td></tr></table>
</if>
</td>

Be sure to replace "YOUR_TWITTER_USERNAME" and "X, Y, Z" as described above.

[BirdOPrey5]

Originally Posted by chocolate angel

hi. thank you so much for posting this.

i just installed this and i am trying to get the twitter button beside my fb button..here is my code. what did i do wrong? thanks


<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Billyne">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td></td>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.nailtechalley.com/forums/showthread.php$session[sessionurl]?t=$threadid" &amp;show_faces=false&amp;width=350&amp;action=lik e&amp;colorscheme=dark&amp;height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe>
</td></tr></table>
</if>
</td>
<!-- / controls above postbits -->

There's a couple things that need to be moved and your IF statement seems in the wrong place though you didn't post the beginning of it - so I'm giving you all the code between <!-- controls above postbits --> and <!-- /controls above postbits --> you can see where yours is different an change it... You just need to update the IF statement to exclude the forumid's of your forums you don't want to show either button for.

<!-- controls above postbits -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
	<if condition="$show['largereplybutton']">
		<td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$FIRSTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></a></td>
	<else />
		<td class="smallfont">&nbsp;</td>
	</if>
	<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>
<if condition="!in_array($GLOBALS[forumid], array(2, 3, 6, 15, 23, 24, 45, 51))">
<table border="0">
<tr><td><div style="padding-bottom:8px;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Billyne">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
</td><td>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.nailtechalley.com/forums/showthread.php$session[sessionurl]?t=$threadid" &amp;show_faces=false&amp;width=350&amp;action=like&amp;colorscheme=dark&amp;height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe>
</td></tr></table>
</if>
</td>
</tr>
</table>
<!-- / controls above postbits -->

Please backup your original template to a text file before changing just in case something goes wrong.

[BirdOPrey5]

Originally Posted by astdirect

@birdofprey - iget that error when the tweet page pops up. I tried on laptop and i dont get that error, only on my main pc. Main PC is running XP and IE7 and laptop is running Vista and IE8. Not sure if thats anything to do with it.

Tweet button now counting tweets though after i moved it from postbit_legacy to showthread.

Brilliant addition !!

Glaf your counter is working. It's much better in showthread because in postbit it will show up per post but as-is it won't tweet each post just the entire page/thread so it would get confusing to people anyway.

Unfortunately the error you're getting in your main pc sounds like an issue local to your system- I'd recommend upgrading to the latest IE... It's also possible firewall or anti-malware software you may be running is blocking part of the script and causing the error- it could be anything.

Originally Posted by Hagalepues

I do not understand why the button is down the pages.

How do I place above them?

Image:

It's below the page navigation because that's where I wanted it. You can move it above the page navigation by changing the location of the template edit.

If you want to try, experiment with putting the twitter code before the line:

<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>

You might need to align it or whatnot but no reason it shouldn't work.

[BirdOPrey5]

I've added updated code to the first post that will fix the counter issue/wrong URL issue.

[chocolate angel]

thanks!

[Tanapangarap]

Hi.

How do I place the tweet button beside the page navigation? (so that [tweet button] [page navigation])

[BirdOPrey5]

I never really tried that but I'll play with it and let you know.

[BirdOPrey5]

OK for Next to the Page Nav menu do the following.

In SHOWTHREAD find the line:

<if condition="$show['pagenav']"><td align="$stylevar[right]">$pagenav</td></if>

And Replace with:

<td align="$stylevar[right]">
<table border="0" width="1%" align="right"><tr><td align="right">
<if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><else />&nbsp;</if></td><td align="right"><if condition="$show['pagenav']">$pagenav<else />&nbsp;</if>
</td></tr></table>
</td>

Follow all the other instructions in the top post including changing "X, Y. Z" to forumids of forums you don't want to show the TWEET button in and replacing YOUR_TWITTER_USERNAME with your twitter username.

[Tanapangarap]

Very awesome. Thank you very much, BirdOPrey.

[DJDynasty239]

BirdOPrey, I really wanna get that facebook LIKE link next to the Twitter one, and placed where you have them because those are the best spots IMO, I have the Twitter one in place but not sure what coding needs to be placed to do so.

[BirdOPrey5]

Originally Posted by DJDynasty239

BirdOPrey, I really wanna get that facebook LIKE link next to the Twitter one, and placed where you have them because those are the best spots IMO, I have the Twitter one in place but not sure what coding needs to be placed to do so.

This is my code for both the twitter and facebook button like in the screen shot:

<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>
<if condition="!in_array($GLOBALS[forumid], array(2, 3, 6, 15, 23, 24, 45, 51))">
<table border="0">
<tr><td><![if !IE]><div style="padding-bottom:1px;"><![endif]><!--[if IE]><div style="padding-bottom:18px;"><![endif]-->
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="JUOTnet" data-url="$vboptions[bburl]/showthread.php?t=$thread[threadid]">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
</td><td>
<p>FACEBOOK LIKE CODE HERE</p>
</td></tr></table>
</if>
</td>

Actually it looks even better than the screen shot, I managed to get them lined up properly.

You'll have to customize the forumids and the twitter specifics and add your facebook like code to "FACEBOOK LIKE CODE HERE" but it will look good. :up: