3 ways to put a Floating Twitter Badge in your Blog / Website
1. WP FollowMe (Wordpress Plugin)
Built on javascript, php & CSS, require you to download and install it or can be easily install throught the “Add New” option under Plugins in your wp admin panel. Make sure to activate it after the installation. WP Follow me Plugin settings can be found under the “Settings” tab in your wordpress admin.
Latest version just updated today has more features added. for example, now you can choose a nice twitter bird icon from a collection. Also now we can customize the text on the badge.
Author’s description : WP FollowMe is a wordpress plugin that allow you to add a twitter “Follow me” badge on your wordpress blog.
With FollowMe you can:
- change the color of the badge
- change the follow me label (Follow me / Follow us)
- change the position of the badge (left side or right side and the distance from top)
What you need to use this plugin :
- a wordpress powered website (blog)
- a twitter.com account (obviously)
How to use it :
- Download it
- Extract all files from the zip archive
- Copy the followme folder to wp-content/plugins
- Activate the plugin through the ‘Plugins’ menu in wordpress
- Go to FollowMe Settings page ( Settings -> FollowMe Settings) [you don't have to edit the code form any php file, just use the settings page]
- Add your twitter account on “Your twitter account” text field and configure the other options as desire
- That’s it !
Install Now ! Plugin Hope Page
Trouble Shooting (quoted form author’s site) :
Not working on your blog ?
Some of you have problems with this plugin.I have founded why and there is a quick fix for it. To make the plugin working open the footer.php file from your theme directory ( wp-content/themes/theme_name/footer.php ) and paste this code before the </body> tag : <?php wp_footer(); ?>
2. GO2WEB20 Twitter Follow Badge
GO2WEB20 Floating Twitter Badge
[
/caption] Built on javascript. Relatively easy to install than the previous one, also supports websites in addition to blogs. Puts a link to the author’s webpage on mouse move. Author’s description: This badge can be installed almost on any site. Just customize it a bit and take the code. 
Once you’re done customizing:
- Click ‘Update Code’
- Copy the code
- Paste it on your site template right before the “BODY” end tag (</body>)
- Note: The badge will not appear on IE6
3. A pure CSS hand code Solution
Author’s Description : Add a Floating Twitter Follow Me/US Button to your website / blog The advantages of this method are : It is compatible with all browsers. It doesn’t use JavaScript at all. Continue reading the tutorial at the authors site ….
November 11th, 2009 at 5:24 am
Usually I don’t leave a comment but I wanted to let you know that I really like your site.
November 11th, 2009 at 10:48 am
Hai Felipe, thanks for the feedback. If you follow me on twitter, ill post updates there regularly.
November 18th, 2009 at 7:09 am
Just wanted to say thanks for all the great info found on your site, even helped me with my job recently
keep it up!
November 18th, 2009 at 8:30 am
Thank you !
November 18th, 2009 at 7:06 pm
What a facinating blog. I’ve bookmarked it and added your feed to my RSS Reader
November 18th, 2009 at 7:19 pm
Hai wendy,
thank you for the comment. but our rss might not work properly. still need to setup that. just follow us on twitter
November 23rd, 2009 at 12:10 pm
To the point and an excellent article.
November 24th, 2009 at 8:16 pm
Hi,
Interesting, I`ll quote it on my site later.
[url=http://www.purimblog.net/]Garretot[/url]
February 10th, 2010 at 12:59 am
Thanks, I’ve been looking for a couple of days for these things, I couldn’t quite remember what they were called.
February 10th, 2010 at 7:54 pm
thank you every one for the valuable comments.