Add Twitter Badge Button to Blogger

In this tutorial you will learn how to add a Twitter badge aka Twitter button to your Blogger Blogspot blog 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/Your Profile"><img width="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0RULmqziRwz5hKU0rcjEgwsMHe6VHnuy6kWxAz6XD8XRPj_sSbD74yMcwpHUU7Cdhpsak0i8olJytxRhwTB9XkHaJcA5UjNx2GAfniJqb6s8Wq1f2kh7ICr74fOIu-O53rOy1DijtzSs/s200/twitter-bar.gif" height="34" title="Follow Your Blog Name on Twitter"/></a><br/>

<a href="http://twitter.com/Your Profile"><img width="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg64nnbRvLAks0PQUjcdvC6pBqh14bXGNLiI4zBp3uw1tmwEGmcd76R5H5f9NT7am2FezKJuosWtcBK59a733BI1Npvoc2-qc6CJWuDfnbtnhoVvfgDa0PzS_O6L9PyNdMuscF3abnhysA/s200/twitter-35a.png" height="42" title="Follow Your Blog Name on Twitter"/></a><br/>

<a href="http://twitter.com/Your Profile"><img width="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDrrDxsuYCC1QuAvfTJOKYAv4g2XzNtJNw3c5cVBI6UJvOv6sHS85sLr71u7T_BwK2AslrcN-zz9IgXd1tNGfB0vPveqqkhxP9TUFgjR6uhE97YLC2ASe9OFu6lg8m4lmo9Wc32frEbY/s200/twitter-32a.png" height="58" title="Follow Your Blog Name on Twitter"/></a><br/>

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

http://twitter.com/YourProfile

to

http://twitter.com/BlogWizz

7. Substitute your blog name in the title for your own blog name

title="Follow Your Blog Name on Twitter"

to

title="Follow Blog Know How on Twitter"

8. Click on Save.

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

10. 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. I have supplied you with a choice of three different buttons to get you started. 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

Related Articles
List of Blog Know How Tutorials for Blogger Blogs
Add Twitter Followers Counter to Blogger