How To Create Twitter Feed Widget For Website

Nowadays, it’s a trend to show your tweets on your website. Site owners preferred to show these tweets in the sidebar or footer. So, the visitors can read tweets easily. If they like your tweets then possibly they become a follower of you. In this article, we show how to create official Twitter Feed Widget for your website.

Create Twitter Feed Widget

To create a widget you should first know your twitter URL. You can get it from clicking your twitter name. In my case my twitter URL is https://twitter.com/artisanswebblog. Below is the screen-shot how to get your URL.

Get Twitter URL

Once you get your twitter URL, add the below HTML where you want to display Twitter feed widget.

<a class="twitter-timeline" 
href="https://twitter.com/artisanswebblog">
</a>
<script async 
src="//platform.twitter.com/widgets.js" 
charset="utf-8"></script>

There are several attributes provided to customize your widget. Below are the list of attributes.

AttributesDescription
data-widthSet width of your widget.
data-heightSet height of your widget.
data-chromeControl the frame of widget. Possible values are noheader, nofooter, noborders, noscrollbar, transparent
data-themeSet theme for widget. Possible values are light or dark.
data-link-colorSet color of links in tweets.
data-tweet-limitSet number of tweets for widget.

You can use above attributes and set the widget as per your requirements. By using above attributes, I customize the HTML as below.

<a class="twitter-timeline" 
href="https://twitter.com/artisanswebblog" 
data-width="300" data-height="300" 
data-chrome="noscrollbar" data-theme="dark" 
data-link-color="#E95F28" data-tweet-limit="3">
</a>
<script async 
src="//platform.twitter.com/widgets.js" 
charset="utf-8"></script>

Here is the screenshot of my final Twitter widget.

Twitter Feed Widget

In this post, we have discussed official twitter widget. If you wish to create completely customize feed widget and you are using WordPress then please read our post HOW TO CREATE WORDPRESS TWITTER FEED PLUGIN

I hope you understand how to create official Twitter feed widget. For any questions or suggestions please leave a comment below.

If you liked this article, then please subscribe to our YouTube Channel for video tutorials.

1 thought on “How To Create Twitter Feed Widget For Website

Leave a Reply

Your email address will not be published.