wp-twitterbadge-01

WP-TwitterBadge

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!
Donate to Kyle Baker (kyleabaker.com) for this plugin via PayPal

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

  1. In your WordPress Admin area, click the dropdown arrow next to the Plugins menu item and click the “Add New” link.
  2. Search for “WP-TwitterBadge” and click the install button.
  3. Go to your Plugins page and click the Activate option on the newly installed WP-TwitterBadge plugin.

Manual Installation

  1. Upload the “wp-twitterbadge” folder to /wp-contents/plugins/
  2. Login to your WordPress Admin menu, go to Plugins, and activate it.
  3. 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

wp-twitterbadge-01

wp-twitterbadge-02

wp-twitterbadge-03

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.1Download

  • Initial release.

v0.1.1-preDownload

  • 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.2Download

  • Finalize changes made in v0.1.1 and commit.

v0.3Download

  • 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.4Download

  • Fixed a bug with double slashes (//) in plugin file paths (props: morestar).

v0.5Download

  • 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.6Download

  • 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.7Download

  • Fixed a styling bug where the about icon wasn’t using fixed positioning.

v0.8Download

  • Added ability to manually specify “transparent” as your color setting to allow your page background to show through (props: ric)

v0.9Download

  • 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.0Download

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

76 thoughts on “WP-TwitterBadge”

    1. using Opera 10 Opera 10 on GNU/Linux GNU/Linux
      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?

  1. using Internet Explorer 7 Internet Explorer 7 on Windows XP Windows XP
    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

    1. using Opera 10 Opera 10 on GNU/Linux GNU/Linux
      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?

  2. using Firefox 3 Firefox 3 on Windows Vista Windows Vista
    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.

    1. using Opera 10 Opera 10 on GNU/Linux GNU/Linux
      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.

  3. using Internet Explorer 7 Internet Explorer 7 on Windows Vista Windows Vista
    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

  4. Pingback: WP-TwitterBadge
  5. using Firefox 3 Firefox 3 on Windows Vista Windows Vista
    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

  6. using Firefox 3 Firefox 3 on Windows XP Windows XP
    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.

  7. using Firefox 3 Firefox 3 on Mac OS X 10.4 Mac OS X 10.4
    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!!

  8. using Safari 4 Safari 4 on Mac OS X 10.5 Mac OS X 10.5
    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?

  9. using Google Chrome 4 Google Chrome 4 on Windows XP Windows XP
    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.

  10. using Opera 10 Opera 10 on Windows XP Windows XP
    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

  11. using Opera 10 Opera 10 on Ubuntu 10.10 Ubuntu 10.10
    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!

  12. using Opera 11 Opera 11 on Ubuntu 10.10 Ubuntu 10.10
    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.

  13. using Google Chrome 8 Google Chrome 8 on Windows 7 Windows 7
    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.

    1. using Opera 11 Opera 11 on Ubuntu 11.04 Ubuntu 11.04
      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?

  14. using Google Chrome 10 Google Chrome 10 on Windows XP Windows XP
    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. 🙂

  15. using Firefox 5 Firefox 5 on Windows XP Windows XP
    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

  16. using Safari 5 Safari 5 on Mac OS X 10.7 Mac OS X 10.7
    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!

  17. using Safari 5 Safari 5 on Mac OS X 10.7 Mac OS X 10.7
    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!

Leave a Reply

Your email address will not be published. Required fields are marked *