Web design tutorials - Joomla Wordpress and SEO tips

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.

  1. Login to Twitter https://twitter.com/
  2. Copy your twitter address e.g https://twitter.com/DonegalEd
  3. Click on your profile icon and go to "settings"
  4. In the left hand menu click "widgets"
  5. Create New > Profile > Past in your Twitter address e.g. https://twitter.com/DonegalEd
  6. 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>
  7. 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