I’ve recently came across a free Twitter Follow Badge generator online at Go2Web20 but that does not work on Internet Explorer and uses JavaScript and I was looking for an CSS alternative and found a way to implement it at Got Chance.
Which works with all browsers, and uses only CSS.
Here’s how you can create a floating
CSS Part
If you want just 1 floating link, then this is fine
img, a img { border: 0; }
#badge1
{
position: fixed;
left: 0;
top: 200px;
}
If you want another floating link then add another like this below #badge1
#badge2
{
position: fixed;
left: 0;
top: 200px;
}
Replace left with right to float the icons to the right hand side of the browser.
Next In your header.php just before </head> place this code
<div id=”badge1″>
<a href=”http://twitter.com/venkat_ty”><img src=”twitter-follow.jpg” alt=”Twitter” /></a>
</div><div id="badge2"> <a href="http://feeds2.feedburner.com/TechYard/"><img src="subscribe.jpg" alt="Subscribe" /></a> </div>
I’ve implemented the same in my blog, check it out and subscribe to my RSS Feed and Follow Me on Twitter.