How to Add a Twitter Button to the Sidebar of Your Blogger Website

Add a Twitter Button on Blogger

This will only take you a couple of seconds, I swear!
how to get twitter on the sidebar of blogger site

Adding a Twitter button on the side bar is VERY simple. If you already know how to add a widget to your blogger template you’re half way there. You’ll need two things to add twitter to your blog.  

  1. Your Twitter Handle
  2. The HTML code

You have your handle and I have the code for you. This is going to be a snap! I Promise. Follow the steps below to add Twitter to your blogger site

Step 1

Go to your blogger platform and click on template.


In your side bar click “Add Gadget”.

The selection of wide comes up in a separate window. Select “HTML code”



Copy the code below. After you paste the code in the HTML widget, replace YOUR BLOGGER HANDLE in the code with your specific handle.

<!-- Twitter follow button start -->
<a class="twitter-follow-button" href="
YOUR BLOGGER HANDLE" data-show-screen-name="false" data-size="large">Follow @YOUR BLOGGER HANDLE</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Twitter follow button end -->


Press save and view your website. YOU’RE DONE! If You’re more of a visual learner here’s a video showing you how to move through these steps. I told you adding a Twitter button to your site was going to be easy! If you thought this was helpful, please share it with someone who would benefit! Let me know if you have any questions. I’m here to help you every step of the way!

About Vivian Beck

I am a blogging teacher, teaching people how to blog. Check out the tutorials and you can start your blog today.

Leave a Reply

Your email address will not be published. Required fields are marked *