WP-TwitterBadge
Latest version: v1.0 – Download
Official WordPress Plugin Page:
http://wordpress.org/extend/plugins/wp-twitterbadge/
Donate: Help me keep the lights on! Donations are always appreciated, large or small!
Description
WP-TwitterBadge is a simple plugin that allows you to display a Twitter “Follow” Badge on your site or blog.
It uses the Twitter “Follow” Badge that is provided by go2web20.net. This plugin takes the hassel out of having to manually edit the details and enter it into your theme each time you change themes.
Since WP-TwitterBadge uses the same script as provided by go2web20.net, it is not compatible with Internet Explorer 6. Please take note of this before leaving comments regarding IE6 below. This is out of my control since go2web20.net is the script maintainer and not I. Sorry. 😉
I’m providing this plugin as it is since this Twitter Badge is actually written and maintained by go2web20.net. However, I will be fixing bugs that are found in the plugin and updating with updates from go2web20.net. That being said, your feedback is very important!
I do not claim ownership of any part(s) of the included “badge.js” Javascript file as it belongs to go2web20.net. This javascript file is provided via this plugin as is and with no modification.
WP-TwitterBadge was written with Geany – http://www.geany.org/
Installation
Automated WordPress Installation
- In your WordPress Admin area, click the dropdown arrow next to the Plugins menu item and click the “Add New” link.
- Search for “WP-TwitterBadge” and click the install button.
- Go to your Plugins page and click the Activate option on the newly installed WP-TwitterBadge plugin.
Manual Installation
- Upload the “wp-twitterbadge” folder to /wp-contents/plugins/
- Login to your WordPress Admin menu, go to Plugins, and activate it.
- In your WordPress Admin menu, you will find a new menu under Settings called WP-TwitterBadge. There you can choose the Twitter account to link to, label on the badge, color, side of page to display on and how far from the top to display it.
Frequently Asked Questions
None so far. 😉
But just to cover some questions you might be wanting to ask:
- Will you be taking feature suggestions?
- No. I am only providing this plugin with the Twitter Badge script. I did not write the Twitter Badge script that is embeded with this plugin so I cannot maintain it or add features (ethically). 😉 Sorry.
- I’ve found something wrong with this plugin. Where should I mention it or submit it?
- First of all, Thanks for using this plugin! Secondly, you can let me know about any bugs you may have found via the comments.
If you have any questions, please don’t hesitate to ask me! The easiest way to ask me a question, comment or suggest something is to post it in the comments.
Screenshots
Features
- Twitter Badge displayed links to your Twitter account to invite visitors to also follow you on Twitter!
- Your Twitter account name can be changed or adjusted easily via the options page if you decide to change accounts.
- You can customize the label on the Twitter badge with four available options.
- You can customize the color of the Twitter badge to any possible web safe color or use transparent so your background design shows through.
- The color option also provides an easy color picker tool (thanks to the iColorPicker javascript tools).
- You can customize the side of the page that you wish to display your Twitter Badge on.
- You can customize how far down the page your Twitter Badge should appear.
Changelog:
v0.1 – Download
- Initial release.
v0.1.1-pre – Download
- This is a pre release to test for a fix to an Internet Explorer specific bug.
- Cleaned some javascript code that was copy/pasted from go2web20 (–> became //–>)
- Moved the preview function in the options page to the beginning fo the options code so that it is defined before each element that makes a reference to it can use it (only affected Internet Explorer).
- Hopefully this will solve the “Internet Explorer cannot open the internet site…Operation aborted.” issues.
v0.2 – Download
- Finalize changes made in v0.1.1 and commit.
v0.3 – Download
- Disable WP-TwitterBadge when the WPtouch plugin is installed and the mobile theme is being used (so the badge isn’t intrusive on mobiles).
- Fixed format and syntax of the readme.txt file that’s included.
v0.4 – Download
- Fixed a bug with double slashes (//) in plugin file paths (props: morestar).
v0.5 – Download
- Fixed a bug where WP-TwitterBadge depended on images and redirect pages from http://www.go2web20.net/ since their server seems to be having problems. WP-TwitterBage will now function properly regardless of their servers. (props: Khyan)
- Fixed a bug where the color was not auto-updated in the options page (by modifying the icolorpicker.js and added a call for the preview() function).
- Replaced the onkeyup event on the color textbox with an onchange event so the color is updated as you edit the field.
- Added tfb.path variables to hold paths to your wp-twitterbadge plugin files for wp-twitterbadge.php and wp-twitterbadge-options.php.
- Updated the WP-TwitterBadge Settings/Options page to be more inline with the design of WP 2.9+ (from the old WP 2.5 design).
v0.6 – Download
- Optimized packaged images to reduce filesizes without reducing image quality. While this saves only a few extra kilobytes of bandwidth, it helps sites that are striving to perfect network performance with Page Speed for Firefox or Speed Tracer for Chrome (optimizing images).
v0.7 – Download
- Fixed a styling bug where the about icon wasn’t using fixed positioning.
v0.8 – Download
- Added ability to manually specify “transparent” as your color setting to allow your page background to show through (props: ric)
v0.9 – Download
- Updated and improved options page
- Refactored js to make it more reliable with js optimizers
- Added buttons for plugin home page, support, changelog, translate and donate
- Plugin is now ready to be translated by YOU!
- Optimized image filesizes
- Added plugin icon
v1.0 – Download
- Fix issue with Microsoft Edge/Internet Explorer in cases where view port is set to device width allowing for an overlay scrollbar that covered the badge.
To-do:
- Feedback is always welcome.
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.2.15 Version/10.00
WP-TwitterBadge v0.1 Released!
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1) Gecko/20090624 Firefox/3.5 (.NET CLR 3.5.30729)
already got the badge on my blog
wished someone made a similar badge for facebook page
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1) Gecko/20090624 Firefox/3.5
Is there any way to get this plugin working on a WPMU site? The options.php file is different form a regular WP install.
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.2.15 Version/10.00
I’d love to fix any issues you’re having with the options page for the Multi-User version of WordPress, but could you be more specific? Does the options page not work at all or are there just problems with it?
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.10) Gecko/2009051221 Firefox/3.0.10
Terrific work, thanks. I like the color customisation feature.
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Hi Kyle,
I built a new WP instance and have a dozen or so plugins installed. I tried to install your plugin and received the following error message when I tried to access the Settings option:
“Internet Explorer cannot open the internet site
../wp-admin/options-general.php?page=wp-twitterbadge/wp-twitterbadge-options.php
Operation aborted”
I’m the site admin and have full access to all directories. I was running WP V8.0 and recently upgraded to V8.1. I’m not sure if this has been tested on this level or if I am doing something wrong?
Any help would be appreciated.
Regards,
Amy
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.2.15 Version/10.00
I’ll look into the code to see if there are any problems there. In the meantime, could you check to see if it works in another web browser so we can see if it’s only Internet Explorer having this problem?
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
hey man,
thanks for all the work.
i also get the widget in my back office. thats a bit too much of a good thing 🙂
fyi
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11 (.NET CLR 3.5.30729)
Cannot load wp-twitterbadge/wp-twitterbadge-options.php
Installed it on localhost. Activated. Trying to edit options under Firefox. This is the error message I get.
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.2.15 Version/10.00
Please provide more details when reporting errors. I’m unable to assist in any way without proper information.
WordPress version?
Is it WP Multi-User (or WPMU)?
Plugin version?
PHP version?
Optionally: A screenshot of the error?
Only a small group of people seem to experience this error and without decent information about the setups being used, I am unable to properly diagnose the problem and find a solution.
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET CLR 3.0.30618)
I got the same error in Internet Explorer on Vista. I am using WP version 2.8. It is not multi user. I am using Twitter badge version 0.1
Now I cannot open my blog at all or the dashboard. Someone else opened it for me in another borwser and it works fine.
What can be done. I’m about to cry? Help
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2
Installs fine, configures fine… but doesn’t display with my theme (but it does work with some other themes).
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2
Not working in Firefox either. Looking forward to an update. Great plugin!
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2
Ah. Working now. Had to change the name of the folder and get rid of the version number. Didn’t get that from your installation notes!
Super!
Opera/9.80 (Windows NT 6.1; U; en) Presto/2.2.15 Version/10.10
WP-TwitterBadge v0.2 Released!
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1 GTB5 (.NET CLR 3.5.30729)
Great plugin, nice work. This is the plugin that I’ve been looking for. Just one suggestion please allow users to configure the badge border color. Thanks
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
Hi Kyle.
Our badge is working fine in Chrome and Firefox, but it’s dropped to the bottom of the page in IE7. Any suggestions?
Cheers.
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
it doesn’t work with any of my client’s themes in IE7, either, unfortunately. It’s a great script though!
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.4; en-US; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5
Hello, I installed the WP-TwitterBadge ver 0.2 plugin on my wordpress site (ver 2.8.5) and the badge does not show up on my site at all on any browser. Is it the theme I’m using? Help!!
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/532.0 (KHTML, like Gecko) Chrome/3.0.195.27 Safari/532.0
it doesnt show up on my blog. 🙁
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_8; en-us) AppleWebKit/531.9 (KHTML, like Gecko) Version/4.0.3 Safari/531.9
I activated the plugin and adjusted a colour. Saved it but the twitterbadage is not appeared on my blog. How can I solve this problem?
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Everytime I activate it everything under my header disapears. Please tell me whats wrong.
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.2.15 Version/10.20
WP-TwitterBadge v0.3 Released!
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.0.249.78 Safari/532.5
In the twitter badge plugin folder, in the wp-twitterbadge.php, on line 71, where it reads:
/badge.js’.
The slash has to be removed or it won’t display on the site. Also, I got the plugin from downloading it through my wordpress admin area.
Opera/9.80 (X11; Linux i686; U; en) Presto/2.2.15 Version/10.10
Thanks. I’ve made the appropriate changes and it should be available soon as v0.4!
Opera/9.80 (X11; Linux i686; U; en) Presto/2.2.15 Version/10.10
WP-TwitterBadge v0.4 Released!
Opera/9.80 (Windows NT 5.1; U; en) Presto/2.2.15 Version/10.10
Hello,
this plugin is exactly what I was looking for.
I was getting tired of manually inserting the code at the bottom of all of my themes.
And next time I switch themes I don’t have to touch it anymore.
Regards
Jürgen
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.5.24 Version/10.52
WP-TwitterBadge v0.5 Released!
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-GB; rv:1.9.0.19) Gecko/2010031422 Firefox/3.0.19 (.NET CLR 3.5.30729)
Hey the new update is making it work perfectly. Thank you, you’re awesome!
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.5.24 Version/10.52
Haha, not a problem. I’m glad its working for you again. 😀
Opera/9.80 (X11; Linux x86_64; U; Ubuntu/10.10 (maverick); en) Presto/2.6.31 Version/10.70
WP-TwitterBadge v0.6 has just been released!
I’ve been working to optimize kyleabaker.com for Google’s Speed Tracer and Firefox’s Page Speed and noticed a few images were in need of filesize optimizations. There are no code changes, but images will now load a fraction of a second faster and this will help others trying to optimize their site’s performance.
Look for the update shortly!
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.126 Safari/533.4
Thanks a ton 🙂
Opera/9.80 (X11; Linux x86_64; U; Ubuntu/10.10 (maverick); en) Presto/2.6.31 Version/10.70
WP-TwitterBadge v0.7 Released!
This update fixes a very minor styling bug and should be available shortly.
Opera/9.80 (X11; Linux x86_64; U; Ubuntu/10.10 (maverick); en) Presto/2.7.38 Version/11.00
WP-TwitterBadge v0.8 Released!
This update adds the ability to manually specify “transparent” as your color setting to allow your page background to show through.
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.10 (KHTML, like Gecko) Chrome/8.0.552.215 Safari/534.10
Hey I tried to install this and I noticed that it also displays on the wordpress dashboard, which is less than ideal I’ve had to uninstall it because it hides functionality.
Opera/9.80 (X11; Linux x86_64; U; Ubuntu/11.04; en) Presto/2.7.39 Version/11.00
Thanks. I’ve not seen this behavior myself, but I’ll look into it. Could you tell me which options you have displayed/enabled in dashboard? Specifically, do you have a comment view enabled or something similar?
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.10 (KHTML, like Gecko) Chrome/8.0.552.215 Safari/534.10
I’ve got everything enabled, comments included.
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/534.16 (KHTML, like Gecko) Chrome/10.0.648.204 Safari/534.16
thank you for the plugin. it’s really, really great! 😉
also it would be great if some how we could write our own label in our own language, maybe?!
anyway, thanks. 🙂
Mozilla/5.0 (Windows NT 5.1; rv:5.0) Gecko/20100101 Firefox/5.0
Hello,
this plugin is exactly what I was looking for.
I was getting tired of manually inserting the code at the bottom of all of my themes.
And next time I switch themes I don’t have to touch it anymore.
Regards
Jürgen
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_2) AppleWebKit/534.52.7 (KHTML, like Gecko) Version/5.1.2 Safari/534.52.7
Can you do this for FB and Pinterest also?
Opera/9.80 (X11; Linux x86_64; U; Edition Next; Ubuntu/11.10; en) Presto/2.10.238 Version/12.00
I’ve been really busy lately so I can’t make any promises, but I’ll see what I can do. 😉
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10
Thanks Kyle. I like the badge tab style better than icons and it’s so hard to find a set to install. I have icons in place now floating on my sidebar, but I don’t like them. Would love to have a FB, Twitter, Pinterest badge…even flickr and linkedin would be extremely useful for businesses… 🙂 Thanks for considering it and I’ll keep searching until that time. Thanks Kyle!
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10
Just saw you’re from NC…I’m from SC, though I live in Bali, Indonesia! Take care!
Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.79 Safari/535.11
Hi, I did the automated installation but the badge is not showing in my blog. Could you help me?