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.

[DJDynasty239]

Originally Posted by BirdOPrey5

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:

Awesome, I got it thanks man...Anyway to change the font on the facebook to white by any chance that you know of? I've been looking and I'm not finding much, could be looking in the wrong areas though

[BirdOPrey5]

You can customize your like button and get code directly from facebook here:
http://developers.facebook.com/docs/...e/plugins/like

[RK KINGKONG]

I have lil knowledge on how to work my VB , currently my Facebook button is to the far right next to logout , i want it to the left infront of the welcome .
where do i edit this ? how ? and what code do i replace , when i move it whats the proper place to move it to within the template ?

2} question i hope you can help me with is , I have a facebook like button that was put in as a AD where the yellow box is in this pic http://i924.photobucket.com/albums/a...Untitled-3.jpg
I know how to take it out..
how can i add facebook like & twitter like in this pic , ive looked in showthread using ctrl F to search the :

PHP Code:

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


but i cant find it for the life of me.... I am running VB 4.1 patch 2 fi that matters
http://i924.photobucket.com/albums/a...ICTURES/45.jpg

right above the thread bar is where i want it just like in this picture ... thanking you in advance been looking around seen alot of threads but none that helped .

[BirdOPrey5]

RK KING KONG,

You have VB4, this thread is only for the VB3 mod.
The VB4 version is here: https://vborg.vbsupport.ru/showthread.php?t=248569

In that thread I discuss how to place the twitter button next to Facebook
like on VB4.

[Artes_Marciales]

Installed!
Thanks!!!

[weindians]

if there a work around to prevent number of tweets resetting to 0 yet??? aslo my facebook share button also resetting to 0 on refresh

[BirdOPrey5]

Originally Posted by ukindian

if there a work around to prevent number of tweets resetting to 0 yet??? aslo my facebook share button also resetting to 0 on refresh

The only thing to try is to add the data-url line to the code, for example:

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

That helps for some people. Facebook has a similar option I know too, to manually specify the URL to be counted.

[Levi75]

why if i tweet a post the count always remains in 0?

[BirdOPrey5]

If you're using the latest code under "NEW UPDATE" in the top thread that should solve issues where the count is wrong.

If you're still having issues it could just be because Twitter isn't great at keeping count, a google search will show lots of bloggers reporting problems with the counts.

[Levi75]

do you recommend to use script two to fix this issue?