Twitter Resources

1. Log in to your Twitter account.
2. Go to https://twitter.com/settings/widgets.
3. Click "Create New."
4. Choose the timeline source (i.e. User timeline, Favorites, List, Search).
5. Input the configuration options.
6. Click "Create widget."
7. Copy/paste the code somewhere temporary.
8. In Firefox or Chrome, go to the page on your site where you want to embed the widget.
9. Create a new HTML content item.
10. Give the content item a title.
11. Check "Show?"
12. Set the CSS Class to "HLLandingControl"
13. Switch from the Design tab to the HTML tab.
14. Paste the code generated from Twitter.
15. **DO NOT switch back to the Design tab**
16. 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.