ADDING SLIDESHOWS. There is a lot of content on the internet that is embeddable meaning you can have it running from within your own web page.

Size: px

Start display at page:

Download "ADDING SLIDESHOWS. There is a lot of content on the internet that is embeddable meaning you can have it running from within your own web page."

Brooke Wiggins
5 years ago
Views:

These instructions are for adding to the central boxes. See the extra instructions at the end for adding a video to a side block. Here's how to do it.

1 ADDING SLIDESHOWS There is a lot of content on the internet that is embeddable meaning you can have it running from within your own web page. This How To sheet looks at how to embed a Slideshow. Slideshows can be added to side blocks, or to the rectangular central boxes. The procedure is very similar. These instructions are for adding to the central boxes. See the extra instructions at the end for adding a video to a side block. Here's how to do it. You might want to print these pages out as a guide: The first thing you need to do is to upload your existing PowerPoint show to Google Docs and get an embed code. Here s how to do that: 1. First, in Gmail click on the Documents link on the top right of the page: 2. Then in Google Docs, click on the Upload button.

2 3. Then choose Files : 4. Browse to where your file is saved and click Open. A box will pop up in the bottom right of your screen saying Google Docs is converting your PowerPoint. 5. Once this conversion is finished, your PowerPoint will appear in the list of documents in the centre of the page. Click on it and it will open in a new tab. Continued on the next page

3 6. Check the formatting on your slideshow by clicking through the slides. You might find that, like the example below, you have to make a few minor adjustments to the formatting (like make the title fit in the slide in this case the title in PowerPoint used a font that was not available in Google Docs): 7. Having checked the formatting is looking okay, click on the Share button in the top right hand corner of the page. The following box will pop up. 8. Click Change and change to Public on the web or anyone with the link (that will allow others to view the slideshow when you embed it).

Click on Start Publishing. 12. You will see the screen change and some options appear.

4 9. Click Done. You will be returned to your slideshow. 10. Finally, click the little down arrow next to the Share button and click on Publish/Embed. 11. The screen will change. Click on Start Publishing. 12. You will see the screen change and some options appear. Choose the player size you want (either of the Small or Medium options will fit nicely in the middle of your screen) and select and copy the code in the box. You ve got your embed code! Time to put it into Moodle.

Instructions for embedding into side blocks follow at the end of this document). 2. Click the Turn Editing On button. 3.

5 Putting the Embed code into Moodle 1. Go to the Moodle page you want to embed the Slideshow into. (This next bit is for embedding into the centre topic sections. Instructions for embedding into side blocks follow at the end of this document). 2. Click the Turn Editing On button. 3. In the box where you wish to add the slideshow, choose Add a Resource and choose Label. 4. You will be taken to a text editing screen. You can type a heading in if your slideshow needs one, then click the HTML button.

6 5. Paste the embed code that you copied before into the next screen, then click Update. 6. Back in the text editing screen, click Save and Return to Course. Your slideshow will now show in your page. Congrats!

7 NB: If you want your slideshow to be centred like the one above, click on the pencil below the slideshow to edit it. Then click on the HTML button again and add <div><center> before the embed code and </center></div> after the code. Then click Update then Save and Return to Course. Easy! Adding a Slideshow to a Side Block. The process for adding a Slideshow to a side block is very similar to the above. The main difference is you have to add the side block first and change the width and height to make it fit. 1. Turn Editing On 2. Go to the bottom of the right hand column and click Add and HTML to add a new HTML block. 3. Go back to the bottom right of the page and you will see a new HTML block. 4. Click on the pencil in the middle of the new block. 5. You will be taken off to a familiar looking editing screen. Click on the HTML button. 6. Paste in your embed code, but before clicking Update, change the value next to width in the code to 200. You will probably need to decrease the height too, to keep things in proportion. 7. Click Update, then Save Changes. 8. Your slideshow should now be visible in the block. You might want to move the block around the page now. Click on the black arrows to move it.

Once you have entered your Google and password, you can click the Sign In button to continue.

Once you have entered your Google and password, you can click the Sign In button to continue. Slide 1 Welcome to the Creating and Uploading with Google Docs Tutorial. Google Docs allows you to create documents, spreadsheets, presentations, draw pictures, create forms, and much more directly within