How To Add Twitter Update Widget To Blogger / Blogspot

Posted By: Arin Dey - September 18, 2011
It would be very useful if we can display twitter updates on blogger. In this post we will provide you some steps on how to add twitter to blogger. Like other widgets you can't get a ready made Twitter widget to add in blogger. If you want to show your latest tweets updates in blogger sidebar then you need include a Twitter widget to your blog sidebar. So this widget will show most recent tweets. The default value for tweets will be 5, but if you want to show some more then you can change as well. Tweets with links and follow @username will be there so your blog readers can find out the sites links you include in your Twitter updates. This is an official widget developed by Twitter itself for all kind of websites to improve Twitter fans user experience.

How To Add Twitter Update Widget To Blogger / Blogspot

Below are the steps to add a Twitter widget to your blog:

  1. Log in to your Twitter account.
  2. Open From this link you can get a twitter widget for Your blog. 
  3. Now you have a choice to check or uncheck optional items i.e. "Exclude replies" and "Auto-expand photos" according to your need.
  4. Set custom height to widget or use the default one.
  5. Select the theme and link color or leave it as it is ti take to default one.
  6. Once the setup is done, you can see your widget in the preview section.  It will look like the below image.How To Add Twitter Widget To Your Blog
  7. In case you feel the widget is perfect in preview section, click "Create widget" 
  8. Copy the code from the bottom and click save changes.
  9. Now Go to Blogger >> Layout >> Add a Gadget
  10. Add HTML/JavaScript
  11. Paste The below Code in Content Box.
<a class="twitter-timeline" href="" data-widget-id="615753767774846976">Tweets by @poketors</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);;js.src=p+"://";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Save it and you are done with adding Twitter widget to your blogger blog.

Copyright © 2010-2023 Poketors | The content of this website is copyrighted and may not be reproduced on other websites.| Email us at :