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

76 thoughts on “WP-TwitterBadge”

  3. Pingback: New WordPress Twitter Badge Plugin! « kyleabaker.com
    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?

      Reply
  6. 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

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

      Reply
  7. Pingback: 35 New Engaging WordPress Plugins You Should Check - Blog Reign
  8. Pingback: Plugin To:Fix Scrolling Follow me Twitter Badge on Sidebar..! | TechZoomIn
  9. 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.

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

      Reply
  10. 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

    Reply
  12. Pingback: Eklenti.net > Wordpress Eklentileri » WP-TwitterBadge
  13. Pingback: WP-TwitterBadge « The Last Sanalvurgun.org Programer Blog
  14. Pingback: Wordpress Eklentileri » WP-TwitterBadge
  17. Pingback: WP-TwitterBadge
  19. Pingback: WP-TwitterBadge v0.2 Released « kyleabaker.com
  20. 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

    Reply
  21. 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.

    Reply
  23. 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!!

    Reply
  25. 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?

    Reply
  28. Pingback: WP-UserAgent and WP-TwitterBadge « kyleabaker.com
  29. Pingback: Top 10 Wordpress Plugins For Party Plan Divas | Inspiration From The Party Plan Coach
  30. Pingback:   WP-TwitterBadge by Portal-tr.Com
  31. 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.

    Reply
  33. 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

    Reply
  34. Pingback: Make Drop Down Twitter ‘Follow Me’ Button on Website | davidok.info
  35. Pingback: 画面横にTwitter「follow me」のタブを付けるプラグイン | オープンソースを使ってサイト構築中
  36. Pingback: WordPress 画面横にTwitter「follow me」のタブを付けるプラグイン | オープンソースを使ってサイト構築中
  39. Pingback: WordPress 画面横にTwitter「follow me」のタブを付けるプラグイン | ネットを便利に活用するTips　ネットビジネスラボ
  40. Pingback: EVERYPLUS » Blog Archive » WORDPRESS – 導入したプラグインなど
  41. Pingback: Twitter + Wordpress = 40 отборных плагинов (часть 1) | Твой Твиттер
  42. Pingback: Twitter для Wordpress и 40 отборных плагинов | С позитивом по жизни
  43. 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!

    Reply
  44. Pingback: Social Media Plugins for your Wordpress blog | Your Wordpress Diva
  47. Pingback: Twitter Follow Badge も plugin で処理できるんですね！ | Zero Base
  48. Pingback: Social Media Plugins for your WordPress Site — Your WP Diva
  49. 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.

    Reply
  50. 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.

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

      Reply
  51. Pingback: Wordpress и Twitter | Блог дикого Вебмастера
  52. Pingback: Плагины Twittwer для WordPress | Уроки создания сайтов
  53. Pingback: Wordpress için WP-TwitterBadge eklentisi | Güncel Blog Merkezi
  54. 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. 🙂

    Reply
  55. Pingback: 40 bästa Wordpress Twitter plugin | SEO • Sökmotoroptimering
  56. Pingback: Плагины WordPress для Twitter | Первые шаги к миллиону
  57. Pingback: Plugins: 2/06/2011 | Bad Bad Girl
  58. 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

    Reply
  59. Pingback: WordPress TwitterBadge eklentisi | ProfTm | Ve Biraz Teknoloji...
  61. 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!

    Reply
  62. 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!

    Reply

Leave a Reply