Tuesday, September 1, 2009

Add Twitter Badge Button to Blogger

In this tutorial you will learn how to add a Twitter button to your Blogger to link your blog to your Twitter account. By adding a Twitter button you will give your readers the option to follow your blog on Twitter.

Display a Twitter Icon in the Sidebar of Your Blogger Blog.
If you look at the top of the right sidebar you will notice that I have placed a Twitter icon with a link to my Twitter profile. Adding the Twitter badge and link is not difficult and requires no change to the template. We will simply be adding a gadget to the sidebar. I have assumed no knowledge of Blogger and widgets so that absolute Blogger beginners can follow this tutorial.



1. Login to Blogger if not already logged in.

2. Navigate to Layout > Page Elements.

3. Click on Add a Gadget in the sidebar or other location eg the footer if you prefer

4. Select HTML/Javascript from the list of available gadgets.

5. Paste the following code into the content box depending on your choice of button:

<a href="http://twitter.com/YourProfile"><img src="http://www.twittericon.com/image/twitter8.png" border="0" /></a>

6. Change Your Profile to your own Twitter profile. For example:

http://twitter.com/YourProfile

to

http://twitter.com/akudandotdot

7. Click on Save.

8. Move your new Twitter widget to the desired location on your sidebar using drap and drop

9. Click on View Blog to admire your new Twitter button

In this tutorial you have learned how to add a Twitter button, badge, icon to your Blogger Blogspot blog so that readers can sign up to follow you on Twitter. For more Twitter buttons try these free Twitter vector icons or these free Twitter graphics or just type Twitter icons into your favorite search engine.

No comments:

Post a Comment