Add a Floating Follow Me/US on Twitter Button To Your Website Easily
When i was looking for this i came across a website called Go2Web20 which gives the same. But it had many negatives. The most weird thing i found that it is based on JavaScript, so if a visitor with JavaScript disabled on his/her browser visits the site then its of no use. Secondly it does not work on Internet Explorer (Still most of the people use IE). So i needed an alternative for this.
I found it easier to implement the same Twitter Follow floating button with the help of CSS. So, Here is a Simple way to
Add a Floating Twitter Follow Me/US Button to your website
The advantages of this method are :
It is compatible with all browsers.
It doesn’t use JavaScript at all.
Add this CSS code to your Website First.
#twitter-follow { border: 0;position: fixed; top: 200px; right:0;}
(Blogger users should add this before ]]></b:skin> in your template)
In the above code top: 200px; the distance from the top you can adjust it to suit your website.
Now add the following code to your Website. (For blogger users add the code in your template just after the <body> tag)
<div id="twitter-follow"> <a href="http://twitter.com/amalroy"><img src="http://img2.pict.com/91/e8/71/1279044/0/twitterfollowme.png" alt="Follow Me on Twitter" /></a> </div>
Replace my name with yours. Also if you need the image to be shown on left side just replace right:0; in the css code with left:0;
You can replace “http://img2.pict.com/91/e8/71/1279044/0/twitterfollowme.png” with your own twitter Follow Me/US image if you want.
And here is the link for Twitter Follow US button.
http://img2.pict.com/ad/29/8b/1279120/0/twitterfollowme.png
You will now have a Twitter Follow Me button in your website similar to mine.
If you have any doubts regarding this comment it down.
Labels: Blogger Widgets, How to's, Twitter
posted by Amal at
Thursday, July 23, 2009
26 Comments
