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.
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.
|data-width||Set width of your widget.|
|data-height||Set height of your widget.|
|data-chrome||Control the frame of widget. Possible values are noheader, nofooter, noborders, noscrollbar, transparent|
|data-theme||Set theme for widget. Possible values are light or dark.|
|data-link-color||Set color of links in tweets.|
|data-tweet-limit||Set 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.
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.