Now that you are all officially "Techies," it is time to teach you how to use a bit of "HTML." "HTML" is a language that the computer understands and obeys! Today we are going to write an easy bit of HTML in order to embed our blogs or websites into our portfolio.
Please follow the steps below and use the HTML code exactly in order for the computer to understand :)
Step One:
Open up your google portfolio/site you are using to keep all of your work.
Step Two:
Once you have opened the portfolio, click on the button that says "Create New Page" (probably has a green plus sign next to it).
Step Three:
Name the page "Blog" or something similar
Step Four:
Once on this "new page" click on the "HTML" button.
When the screen pops up you will see "<br>"... LEAVE IT ALONE :)
Step Five:
Type the following HTML code directly underneath it:
(Type your blog URL where it says "your blog URL")
<iframe src=http://yourblogURL/></iframe>
Hit "update" and then click "SAVE"
Step Six:
You can play around with the size of the blog by doing the following:
- Click on "Edit Page"
- Double click the top of the gadget
- Click on properties
I like to the the width at around 750 - 800 and the height at about 500
Step Seven:
To get the page to show up in the "sidebar navigation" you may have to follow these steps:
- Click on "Edit sidebar"
- Once on the edit page click on the "edit" button under the "navigation" section
- Click "Add Page"
- Choose the page you would like to add to the sidebar
- Click "OK" and then "Save Changes" and your done!
YOUR TASK:
1. Insert your Blog or website into your portfolio!
2. Share your portfolio with your teacher if you haven't already
Check out the video below to watch these steps in action!
No comments:
Post a Comment