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  Share Files Easily On LAN Using CC File Transfer

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.