The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
Twitter - Tweet Button in SHOWTHREAD Details »» | |||||||||||||||||||||||||||||||||||
Twitter - Tweet Button in SHOWTHREAD
Developer Last Online: Aug 2023
This mod is now outdated and as a result support for new installs will be limited, if any.
-July 7, 2011- Please instead use my new mod which offers Twitter and many more share options for VB 4.x without template edits. WARNING - It appears vBulletin has changed the location of the Facebook Like button in version 4.1.2. As a result it is likely the code changes below will be different in 4.1.2 and beyond, I will not be able to support installs beginning with version 4.1.2 since my license stops at 4.0.8. Twitter released their new TWEET button. Live Demo: http://www.juot.net/forums/showthread.php?t=41185 (Note my Live Board is VB 3.8, but I have tested this on 4.0.4 and 4.0.6) (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 / Safari / Opera and it should work in all. This will show you how to add this simple code to your SHOWTHREAD template above the page navigation bar, if visible. If you DO NOT use the built-in Facebook Like button do the following: Go to the Admin CP -> Styles & Templates -> Style Manager Edit your SHOWTHREAD Template Find: (The first instance of) Code:
<vb:if condition="$pagenav"> {vb:raw pagenav} </vb:if> Code:
<vb:if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))"> <div id="mytweetbutton" align="right" style="height:27px;"> <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> </div> </vb:if> Valid Examples: <vb:if condition="!in_array($GLOBALS[forumid], array(2, 5, 9))"> <vb:if condition="!in_array($GLOBALS[forumid], array(7))"> <vb: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: Code:
<vb:if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))"> and </vb:if> If you DO USE the built-in Facebook Like button do the following: Find: Code:
{vb:raw fblikebutton} Code:
<div id="fb_likeframe" style="border: none; overflow: hidden; height: 27px; width: 95px; vertical-align: text-bottom; padding-top:1px;"><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></div>{vb:raw fblikebutton} The Tweet button will now show up next to the Facebook Like button in anytime the Facebook Like button is displayed in a thread. ---- 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. For other options including the button with no counter visit: http://twitter.com/goodies/tweetbutton The screen shots show the Tweet button both with and without the page navigation bar, and with the Facebook Like button. Please click Install if you use this. Download the .txt file for a copy of the install instructions. :up: ---- Known Issues- a few people have reported a 'slash' is missing in the URL submitted to Twitter on some boards. Other people have said URL's with non-english characters cause a URL error. The solution for both of these issues is in post #143 in this thread. Also Twitter appears to be having widespread issues with the counter not working. Some sites it works, some it don't, sometimes it stops working, sometimes it starts working for no reason. If you find your count isn't working try the solution in post #147. If that doesn't work than disable your counter completely if you want by changing the word "horizontal" to "none" in the twitter code. Download Now
Screenshots
Show Your Support
|
Comments |
#32
|
||||
|
||||
I agree the tweet button would look better a couple pixels higher but haven't figured that put yet,
|
#33
|
|||
|
|||
Quote:
Thanks |
#34
|
||||
|
||||
OK, I have figured out the best place to use this if you also use the Facebook Like button which I guess most do. I have updated the first post with new instructions.
Screen Shot of new location below: |
#35
|
|||
|
|||
Quote:
Is there an easy way of flipping them around to the Twitter button is on the left of the FB button!? |
#36
|
||||
|
||||
Quote:
I haven't tested this but I'd imagine putting the {vb:raw fblikebutton} code before the twitter code instead of after it, it may work... such as: EDIT- I did test it and it does work, however the width should be even longer, 95px works nicely. Code:
{vb:raw fblikebutton}<div id="fb_likeframe" style="border: none; overflow: hidden; height: 27px; width: 95px; vertical-align: text-bottom;"><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></div> |
#37
|
|||
|
|||
Doesn't work with 4.06 and FB Connect enabled, gives me this error:
URL required 'url' parameter does not contain a valid URL. |
#38
|
||||
|
||||
Hmmm... it's definitely working for me... where are you getting this error, in the pop-up window? Is there anything else?
Can you give a link to your forum? |
#39
|
|||
|
|||
Quote:
Would it be difficult to be able to add the twitter button 1 or 2 pixels lower? Thanks and marked installed. |
#40
|
||||
|
||||
Yeah good call... if you add the code: padding-top:2px; to the style attribute of the <div> tag it perfectly centers the tweet button with the facebook button. I have updated the code in the top post to reflect this change.
|
#41
|
|||
|
|||
thanks works perfectly!
|
Thread Tools | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|