How to embed a twitter feed into your website
Basic Twitter Embed Code
If you use twitter why not integrate it into your website to let people know what's going on.
- Login to Twitter https://twitter.com/
- Copy your twitter address e.g https://twitter.com/DonegalEd
- Click on your profile icon and go to "settings"
- In the left hand menu click "widgets"
- Create New > Profile > Past in your Twitter address e.g. https://twitter.com/DonegalEd
- Select Embedded Time line > Copy the code e.g <a class="twitter-timeline" href="https://twitter.com/DonegalEd">Tweets by DonegalEd</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
- Open up your website and paste in the code e.g into a Joomla custom module, home page article or into the Wordpress Sidebar
Customisation of Twitter Time line
It is possible to remove twitter headers and footer from the widget:
Method 1: Add data-chrome attribute to anchor tag
<a class="twitter-timeline" href="https://twitter.com/TWITTER_ID" data-widget-id="YOUR_WIDGET_ID" data-chrome="nofooter noheader noborders transparent">Tweets by @TWITTER_ID </a>
Method 2: Using CSS
.timeline-header, .timeline-footer
{
display:none ;
}
You can also read more from Twitter's Developer section