How to Add a Twitter Widget to Your Sidebar on Blogger

The Easy Way to Add Twitter to Your Site

Add a Twitter Button on Blogger

This will only take you a couple of seconds, I swear!

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.

twitter widget on bloggers sidebar

You’ll need two things to add twitter to your blog.


  1. Your Twitter Handle
  2. The HTML code (below)

You have your handle and I have the code for you. This is going to be a snap!

It’s easy. 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=" 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.


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!

Please note: I reserve the right to delete comments that are offensive or off-topic.

Leave a Reply

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