1 / 40

Part IV - Embed Video, Audio, and Documents

Part IV - Embed Video, Audio, and Documents. Find a video on Youtube.com: Search for a video, then look for the “Embed” code. Copy this code into the HTML/JavaScript Editor Page Element. Add a Video: Click on the “Template” tab and then click on “Add a Page Element”. 1. 2.

oya
Download Presentation

Part IV - Embed Video, Audio, and Documents

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. Part IV - Embed Video, Audio, and Documents

  2. Find a video on Youtube.com: Search for a video, then look for the “Embed” code. Copy this code into the HTML/JavaScript Editor Page Element.

  3. Add a Video: Click on the “Template” tab and then click on “Add a Page Element”. 1. 2.

  4. Add a Video: Click on “Add HTML/JavaScript”.

  5. Embed the Code: Copy and paste the “embed code” from your video site into the HTML/JavaScript Editor.

  6. Edit the Size of the Video: If you are cramped for space in your blog, look for the width=“#” and height=“#” code and reduce each number by ½..

  7. Here’s how it will look. Press the Play button to watch.

  8. Embedding Audio Why not Audio Blog?!?

  9. Create Your Audio File: A simple, free site is Podomatic.http://www.podomatic.com/

  10. Create and Store Your Audio Files:

  11. Copy the script to embed the audio file in your blog.

  12. Embed the Code: Copy and paste the “embed code” from your audio site into the HTML/JavaScript Editor.

  13. Edit the Size of the Audio Image: If you are cramped for space in your blog, look for the width=“#” and height=“#” code and reduce each number by ½, or more.

  14. Adding Audio From Internet Radio Who Knows, Your Readers Might Want to Listen to Something Cool.

  15. Download Audacity: It’s a free audio recording program. http://audacity.sourceforge.net/download/

  16. Visit Pandora: Pandora is a Web 2.0 technology that searches Internet Radio for tunes you like.http://www.pandora.com/

  17. Open Audacity and Record: When you have the correct song playing on Pandora, click the record button. Let it record as long as you want, or until the end of the song. Hit stop.

  18. Export the song: Export the song as a .wav file and save it to a folder on your computer.

  19. Upload the Song: Upload the song to a file sharing website, or a wiki, as shown here.

  20. Click on the upload image or file icon. Browse your files and then click upload. Click save on the wiki.

  21. Click on “view” and then “page source”.

  22. Click “Ctrl-F” and in the find box at the bottom, type in .wav and click “search”.

  23. Highlight the code between the <script> tags. Right click and copy.

  24. Go to your blog, log in, and click on customize.

  25. Click on “template” and then on “add a page element”.

  26. Click on “HTML/JavaScript.

  27. Paste in the script code you copied from the wiki or other upload site.

  28. Type in the “embed” code shown below above the script code. <embed width="50” src="http://consortium.wikispaces.com/space/showimage/DaniCaliforniaRHCP.wav" height="50"> “script code goes here” </embed> <embed> – opening tag Width =“#” – size of the object Height =“#” – size of the object Src=“file name” Script code – the code you copied and pasted from the wiki or file sharing site. </embed> - closing tag

  29. Check your code and then click “Save Changes”.

  30. Make the Audio File or Video Loop: In the <Embed> or <Object> tags, add the code seen below. • <embed src="Url_of_Your_Audio_File" autostart=false loop=false height=62 width=144 controls="console"></embed> Change loop=false to loop=true

  31. Here’s how it can look.

  32. Upload Documents Who Knows, Your Readers Might Need Some Directions.

  33. Store Your Documents: One great place to create and store documents is ThinkFree.comhttp://www.thinkfree.com

  34. Sign In or Sign Up for an Account.

  35. Create a Document: You can create Word, Excel or PowerPoint like document. Or, just upload your own.

  36. Your upload could look like this.

  37. Bookmark the File on Delicious or copy the URL.

  38. Create a link list, then copy and past the URL address in blank. Give the list a title; chose the number of links to who. Then, click “Save Changes”.

  39. Here’s how it will look.

  40. The link takes you to ThinkFree.com, were you can view or download the document.

More Related