Twitter is an excellent way to post your announcements on your website. This tutorial will

give you a step by step on how to embed your school’s twitter feed onto your website home page.

Select Settings

• Go to Settings

Select Widget

• Click on the Widget Options

Click Button

• Click the “Create new” button

Widget Settings1. Select “User timeline” tab2. Username: should be already filled3. Options

1. Check “Exclude replies”2. Check “Auto-expand photos” if you want photos to be

visible automatically

4. Height: 5. Theme: Set to “Light” to best suit the website6. Link color: Use the color picker that pops up to

choose a color that matches your website7. Check the “Opt-out of tailoring Twitter” to

avoid Twitter suggestions . You only want your schools posts.

Copy the Code• Click the code (it will highlight)

• Ctrl C (to copy the code)

• Open your home page (index.html) in Dreamweaver

In Dreamweaver

• Create a new paragraph (or heading 2) where you want the feed to show up

• Keep your cursor in that new paragraph/heading

• Click the Code button

In Code View

• Ctrl V (to paste)

Adjust Twitter Box Size• Still in “Code View”• Look through the code you just pasted• After the <a you have just added:• Add the red text below

<a width="310" height="400" class="twitter-timeline" href="https://twitter.com/fcpsnews" data-widget-id="403151040242929664">Tweets by @fcpsnews</a>

• You can adjust the width and height to fit on your website. • To see if the feed fits use the preview (F12 key).

In Design View• Click Design View

• You will only see “Tweets by @username” at this point. Dreamweaver will not display the feed properly since it is not a browser.

Uploading the index.html

1. Select index.html

2. Upload index.html

3. Go to your website and check that the homepage agenda has updated