Presentation on theme: "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."— Presentation transcript:
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.
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.
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
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).
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