How to show Twitter feed on your website

Our themes comes with inbuilt feature to show twitter feed of your twitter account. Please follow below step to show twitter feed of your account.

  1. Login as administrator on your Drupal website
  2. Navigate to: Administration >> Structure >> Blocks
    admin/structure/block
  3. Click Add block link.
  4. Create a new block.
  5. In Block body enter your twitter feed code which I have explained below.
  6. Scroll down and set its region where you want to display twitter feed like Footer One / Footer Two / Footer Three / Footer Four and click Save block button.

Twitter Feed Code

Please follow below steps to get your twitter account's feed code. You have to use this code in Block body.

  1. Visit https://twitter.com and login in your twitter account.
  2. Go to Settings page.
  3. Click Widgets link.
    https://twitter.com/settings/widgets

  4. Click Create new button.
  5. Create a new widget and get the code. This is your twitter feed code.

Recommended Twitter Code

We recommend below sample code to display twitter feed. It will make background transparent and will remove header, footer, border, scroll bar.

<a class="twitter-timeline" height="200" href="https://twitter.com/username" data-widget-id="xxxxxx" data-chrome="nofooter noheader noborders transparent noscrollbar">Tweets by @username</a>

In above code just replace username by your twitter username and data-widget-id by your widget ID. You can get your data-widget-id from the twitter feed code that you have created above.