WP-TwitterBadge
Latest version: v0.3 – Download
Official WordPress Plugin Page:
http://wordpress.org/extend/plugins/wp-twitterbadge/
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
- 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.
- 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.
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?
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.2.15 Version/10.00
Please try installing v0.1.1-pre. It’s not official yet, as I would like to test this to see if the problem is now solved.
Thanks.
http://kyleabaker.com/downloads/wp/plugins/wp-twitterbadge/wp-twitterbadge-0-1-1.zip
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
Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.2.15 Version/10.00
If you simply want to recover your blog, you can open your FTP client and rename or delete the plugin folder in “./wp-content/plugins/”. The folder will be named “wp-twitterbadge”.
Deleting that for now should remove your error messages, if it doesn’t then it has nothing to do with this plugin.
It seems that Internet Explorer has problems handling javascript on some pages:
http://www.abouttricks.com/my-website-is-not-opening-in-internet-explorer-giving-the-error-operation-aborted.html
http://wordpress.org/support/topic/214805
http://support.microsoft.com/kb/927917
http://wordpress.org/support/topic/221091
http://www.google.com/search?client=opera&rls=en&q=wordpress+plugin+Internet+Explorer+cannot+open+the+internet+site&sourceid=opera&ie=utf-8&oe=utf-8
This is actually just a bug in Internet Explorer, however, now that I have a general idea of where to look, I will see if I can remedy this. please check back for version 0.2.
Sorry for the inconvenience.
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/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; OfficeLiveConnector.1.3; OfficeLivePatch.0.0)
please..eror
Admin menu, go to Plugins, wp-twitterbadge-options eror
http://img190.imageshack.us/img190/7390/101kuy.jpg
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.3) Gecko/20090824 Firefox/3.5.3 (.NET CLR 3.5.30729)
Thanks for the plugin but its not working with IE at all. I found this and it may be the problem, but i have no idea of how to fix it.
Looking at your Twitter Badge code, I see it uses both appendChild and innerHTML (line break added for better readability):
Code:
var tfb={};tfb.allowedLabels=["follow-me","follow-us","follow","my-twitter"];tfb.defaultTop=78;tfb.defaultColor=”#35ccff”;tfb.isInArray=function(str,ar){if(ar.length<1)return;for(var i=0;i<ar.length;i++){if(ar[i]==str){return true;break;}}
return false;}
tfb.showbadge=function(){if(!window.XMLHttpRequest){return;}
if(document.getElementById('twitterFollowBadge')){document.body.removeChild(document.getElementById('twitterFollowBadge'));}
if(tfb.top1000||isNaN(tfb.top)){tfb.top=tfb.defaultTop;}
if(!tfb.isInArray(tfb.label,tfb.allowedLabels)){tfb.label=tfb.allowedLabels[0];}
var validColorPattern=/^#([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$/;if(!validColorPattern.test(tfb.color)||(tfb.color.length!=4&&tfb.color.length!=7)){tfb.color=tfb.defaultColor;};if(tfb.side!=’l'){tfb.side=’r';}
tfb.tabStyleCode=’position:fixed;’+'top:’+tfb.top+’px;’+'width:30px;’+'height:119px;’+'z-index:8765;’+'cursor:pointer;’+'background:’+tfb.color+’ url(http://files.go2web20.net/twitterbadge/1.0/bg-badge/’+tfb.label+’.png);’+'background-repeat:no-repeat;’;tfb.aboutStyleCode=’position:absolute;’+'top:’+(parseInt(tfb.top)+107)+’px;’+'width:10px;’+'height:11px;’+'z-index:9876;’+'cursor:pointer;’+'background:url(http://files.go2web20.net/twitterbadge/1.0/icon-about.png);’+'background-repeat:no-repeat;’;if(tfb.side==’l'){tfb.tabStyleCode+=’left:0; background-position:right top;’;tfb.aboutStyleCode+=’left:0;’;}else{tfb.tabStyleCode+=’right:0; background-position:left top;’;tfb.aboutStyleCode+=’right:0;’;}
tfbMainDiv=document.createElement(‘div’);tfbMainDiv.setAttribute(‘id’,'twitterFollowBadge’);
document.body.appendChild(tfbMainDiv);tfbMainDiv.innerHTML=”+’#tfbAbout{visibility:hidden;} #twitterFollowBadge:hover #tfbAbout{visibility:visible;}’;document.getElementById(‘tfbTab’).onclick=function(){window.open(‘http://www.go2web20.net/twitterfollowbadge/redir.htm?’+tfb.account);}
document.getElementById(‘tfbAbout’).onclick=function(){window.open(‘http://www.go2web20.
Opera/9.80 (Windows NT 6.1; U; en) Presto/2.2.15 Version/10.10
The actual javascript is straight from http://www.go2web20.com and was not written by me. My plugin simply uses a hook to insert the same code that you will find here:
http://www.go2web20.net/twitterFollowBadge/
The twitter badge and it’s settings page for the admin are working perfectly fine for me in Internet Explorer 7 and 8.
Whether the javascript provided by go2web20.com works with earlier versions or not is out of my control.
Feel free to alter the source on your own, but I don’t think I have legal rights to alter their script and provide it as mine.
If you follow the link I’ve posted above, they even state that the script will not work with IE6.
Sorry.
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
On WPMU 2.8.4 doesn’t work When I try to save the changes Twitterbadge I receive this error: Error! Options page not found.
The url that is requested is http://xxxx.net/wp-admin/options.php
I’ve searched and I thinks this problem is caused by the differences between WP and WPMU when the option are saved. The codex for WPMU is different from the WP. Can you adjust this please to work on WPMU?
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?
Opera/9.80 (Windows NT 6.1; U; en) Presto/2.2.15 Version/10.10
Looks like you got it working. It shows up fine for me. You may have had problems if you are using Super Cache or other similar plugins since the content you saw would have been from 6-10 minutes before.
http://screencast.com/t/OTA4OTA5N2
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 (Windows NT 6.1; U; en) Presto/2.2.15 Version/10.20
I can’t really tell you why it’s not working correctly unless you can apply the plugin and send me the source html that is generated. Just view source, copy it and paste it somewhere like here:
http://pastebin.com/
Then link me to it so I can find out what’s going wrong. Here is what I see when I apply the plugin code..
http://img163.imageshack.us/img163/5228/ccptwitterbadge.png
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.4) Gecko/20091016 Firefox/3.5.4 (.NET CLR 3.5.30729)
Twitter badge is not showing in the homepage but rather it is showing on my admin page. Any suggestion on how this can be resolved?
My website is http://boholexchange.info
Opera/9.80 (Windows NT 5.1; U; en) Presto/2.5.18 Version/10.50
Twitter badge works by inserting the badge code into the footer of your page, so there must be something non-standard or problematic with your theme..or at least the footer of it. Check in your page’s html source code to see if the twitter-badge code is being inserted toward the bottom. If not then your footer isn’t setup correctly.
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; rv:1.9.1.7) Gecko/20091221 Firefox/3.5.7 (.NET CLR 3.5.30729)
Hey Kyle,
I was making updates to my blog and noticed the the twitter badge is no longer working.
Instead I’m taken to a page that looks like this…
http://www.go2web20.net/twitterfollowbadge/redir.htm?kyleabaker
Any ideas as to what’s going on?
Opera/9.80 (Windows NT 5.1; U; en) Presto/2.5.18 Version/10.50
Hi,
I just navigated to your linked site and it seems to be working perfectly fine for me.
Is the problem still there for you?