Download presentation
Presentation is loading. Please wait.
Published byRosamond Lamb Modified over 9 years ago
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 1.Select “User timeline” tab 2.Username: should be already filled 3.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 website 6.Link color: Use the color picker that pops up to choose a color that matches your website 7.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 Tweets by @fcpsnews https://twitter.com/fcpsnews 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 1.Select index.html 2.Upload index.html 3.Go to your website and check that the homepage agenda has updated
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.