Create Floating Feed Subscription and Twitter Follow Button

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.

rss-twitter

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.

Similar Post  USB Webserver - Portable WebServer To Test and Run From CD or USB

Leave a Reply

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

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