-
Log in to your Twitter account.
-
Go to https://twitter.com/settings/widgets.
-
Click "Create New."
-
Choose the timeline source (i.e. User timeline, Favorites, List, Search).
-
Input the configuration options.
-
Click "Create widget."
-
Copy/paste the code somewhere temporary.
-
In Firefox or Chrome, go to the page on your site where you want to embed the widget.
-
Create a new HTML content item.
-
Give the content item a title.
-
Check "Show?"
-
Set the CSS Class to "HLLandingControl"
-
Switch from the Design tab to the HTML tab.
-
Paste the code generated from Twitter.
-
**DO NOT switch back to the Design tab**
-
Click "Save and Return to Site."
NOTE: When adding more than one Twitter feed, make sure that only one <script> tag is added for the entire page or else only one Twitter feed will load. Extraneous <script> tags must be manually removed. Here is an example <script> tag:
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
A Twitter widget is composed of an <a> tag followed by a <script> tag. Ensure that all of the <a> tags are added first and the <script> tag is added last. This can be for different CMS content items on the page, as long as the <script> tag is within the last CMS content item on the page.