Sep 13, 2011

Label: , ,

How To Add Twitter Button to Blogger (Blogspot)

You may like to add a “Follow me on Twitter” button or icon to Blogger to increase the number of followers for your twitter account.

I will give you two types of tutorials.

First tutorial is for the “normal one” and the second is for the “fixed floating type”.

Normal Code to Add Twitter Button to Blogger

1. So the first step is to open an account on Twitter.com. Choose a good and short username. After the registration, your twitter profile page will be like http://twitter.com/USERNAME. For example mine is http://twitter.com/biznetcool


Those who have a twitter account, skip the first step.

2. Now, go to Design > Page Elements and click on “Add a Gadget” and add an “HTML/JavaScript” gadget.

3. Now add:

<a href='http://twitter.com/USERNAME' title='Follow me on Twitter'><img alt='Follow me on Twitter' src='your twitter image URL' /></a>

And Save it.

See the bold codes above. Here is where you can edit your own preferences. For instance, change the USERNAME to yours. You can also add your own icon and buttons by changing the image source.

Adding Fixed Floating Twitter Icon to Blogger 


<div style='position: fixed; top: 45%; right: 0;'/> <a href='http://twitter.com/USERNAME' title='Follow me on Twitter'><img alt='Follow me on Twitter' src='http://lh3.ggpht.com/_dzq0x75P67s/S6HVKZGE4mI/AAAAAAAABdg/6B4dj8YcO0Y/s800/follow-on-twitter.png' /></a></div>

To add floating fixed type twitter button in Blogger, go to Design > Edit HTML. The source code for the should be placed just before </body>.

Change the position of the twitter icon by changing the properties top and right to any position or change the placement values you wish. For example: change it to top: 48%; and left: 0; which will make your twitter button to float to left.


Related Posts





No comments:

Post a Comment