1 / 11

Select Settings

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.

yelena
Download Presentation

Select Settings

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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.

  2. Select Settings • Go to Settings

  3. Select Widget • Click on the Widget Options

  4. Click Button • Click the “Create new” button

  5. Widget Settings • Select “User timeline” tab • Username: should be already filled • Options • Check “Exclude replies” • Check “Auto-expand photos” if you want photos to be visible automatically • Height: • Theme: Set to “Light” to best suit the website • Link color: Use the color picker that pops up to choose a color that matches your website • Check the “Opt-out of tailoring Twitter” to avoid Twitter suggestions . You only want your schools posts.

  6. Copy the Code • Click the code (it will highlight) • Ctrl C (to copy the code) • Open your home page (index.html) in Dreamweaver

  7. 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

  8. In Code View • Ctrl V (to paste)

  9. 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).

  10. 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.

  11. Uploading the index.html • Select index.html • Upload index.html • Go to your website and check that the homepage agenda has updated

More Related