Floating Twitter Follow Me Badge for Your Site

Disclosure: We are a professional review site that receives compensation from the companies whose products we review. We test each product thoroughly and give high marks to only the very best. We are independently owned and the opinions expressed here are our own.

0 Flares Filament.io 0 Flares ×

Today I decided I want to add a floating Twitter Follow Me badge on the right side of the blog wall. After some research, I found that it is pretty simple to add the badge to your website, if you are using a WordPress self hosted site. All you have to do is go the Twitter “Follow” Badge for Site. Once there, just fill out the following fields and generate the code. Then you’re ready to add your code to your blog.

FollowBadgeScreenshot3

Configuration

  1. Add your Twitter username.
  2. Change the label using the drop down label. Your options are; ‘Follow Me’, ‘Follow Us’, ‘Follow’ and ‘My twitter’.
  3. Select your color for the badge. Select a color that goes with your color scheme on your site.
  4. Choose what side you want the badge to be on.
  5. Set your height. The default is 136 pixels from the top.
  6. Click update code button.
  7. All that is left is to add your code to your template.

Follow Badge Screenshot

Implementation

  1. Click on appearance
  2. select editor
  3. Select the file footer.php
  4. Look for the </body> tag. Right before the tag copy your code into the editor.
  5. If you or any of you users use IE6, the badge will not appear in this browser.

FollowBadgeScreenshot2

Do you use this icon, and have you made any changes to the icon.

EvolutionaryDesigns.net runs on the Genesis Framework

Genesis Framework

Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!


Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

About James

James spends most of his free time using social media and loves to teach others about design, web development, CSS, SEO, and social media. He is addicted to Wordpress, social media, and technology. You can reach him on his, personal website, Do not forget to follow him on Twitter @element321

Comments

  1. Hi, I don't use the icon, but I see it around a lot and I thought is was a plugin. Thanks for the tips.
    My recent post Google Page Rank on a WordPress.com Blog

  2. vans shoes on sale http://topcitystyle.com/aeronautica-militare-new-brand28.html dc shoes cousa [url=http://topcitystyle.com/killah-hoodies-brand24.html]mens fashion briefs[/url] preschooler clothes on sale
    http://topcitystyle.com/replay-casual-brand48.html radical fashion [url=http://topcitystyle.com/roberto-cavalli-casual-tops-brand7.html]iowa dog shoes[/url]

  3. Thanks for the tips man! And, nice site, I envy you.

Trackbacks

  1. Twitter Floating Follow Me Badge for Your Site | Evolutionary Designs…

    How to add a floating Twitter Follow Me badges for your site. This can be added to any website or WordPress self hosted sites. It is very is easy to add this badge to your site. There is a code generator that allows you to modify the the look of the ic…

  2. Twitter “Follow Badge for Your Site | Evolutionary Designs: Today I decided I want to add a floating Twitter Follow Me http://url4.eu/15ZCI

  3. Keith says:

    RT @element321 Twitter Floating Follow Me Badge for Your Site | Evolutionary Designs http://tinyurl.com/yavyb3d

  4. Story added…

    Your story was featured in Featured in MMO Social Network! Here is the link to vote it up and promote it: http://www.mmosocialnetwork.com/Twitter/How_to_Add_a_Floating_Twitter_Follow_Me_Badge_to_Your_Site

  5. Gerald Scott says:

    Twitter “Follow Badge for Your Site | Evolutionary Designs http://bit.ly/5UKsHY

  6. Element321 says:

    RT @element321 Twitter Floating Follow Me Badge for Your Site | Evolutionary Designs http://tinyurl.com/yavyb3d

  7. Matt Harwood says:

    Shared: RT @element321 Twitter Floating Follow Me Badge for Your Site | Evolutionary Designs http://tinyurl.com/yavyb3d http://cs.cm/wPKOW

  8. […] we go over to Evolutionary Designs to make a Floating Twitter Badge (made mine this morning using this tutorial). I have seen them on plenty of sites, and I like that […]

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Flares Twitter 0 Facebook 0 Pin It Share 0 Buffer 0 Email -- Filament.io 0 Flares ×
%d bloggers like this: