Embedding+Content+on+the+Wiki

=__How to Embed //Content// on Your Wiki Page__=

When editing your Wiki page, you can add text, visuals, files, tables, comments, etc. It's easy! If you have permission to edit the page, you can click on the "Edit" button and immediately start making changes. Be sure to click "Save" when you are done. The Wiki does NOT automatically save.

=__How to Embed //Widgets// on Your Wiki Page__=

You can also embed tools or objects called "Widgets."

//**Wait, what IS a widget?**// A widget is a tool or object that is something you can interact with on a website, like playing a video (YouTube widget) or adding comments (like a WallWisher widget). Widgets can range from viewable documents, videos, calendars, mini-websites, presentations, and so on... A widget is NOT an entire website, but it might let you go to that website also.

Essentially, you need to add HTML to your Wiki in order to display something on that page.
 * //How do I put a widget on my Wiki page?//**

HTML stands for Hyper-Text Markup Language. It is basically website codes that control formatting and content. On a Wiki, you usually don't need to worry about creating your own HTML, the basics have been done for you already so you can just type!
 * //What is HTML?//**

For many web-based tools, there will be an option for sharing your work by embedding it. This option is where you will find your HTML code to embed it on your wiki page. Look for a "Share," "Embed," or "Add/Link" type of text box. That's probably where you want to start!
 * //So, how do I get this HTML for my widget?//**

In its raw form, HTML can look pretty messy. For example: //          Unable to display content. Adobe Flash is required.
 * //What does the HTML code look like?//**

That is what the HTML code will look like if you try and copy/paste it directly onto your page's editing screen. But we can fix it so you can see the widget! **We need to use the Wiki's Widget tool, so read on!**
 * What am I supposed to do with that??//**

__So-- Here's how you embed a widget--__
1. Choose "Edit" for the Wiki page you want to add the widget to. This should be one of your project pages. Check the assignment to make sure you are adding it to the correct page.

2. Choose the "Widget" button from your page's menu. It has a little TV icon next to it. This screen should pop up:

3. The only thing you will need past this point is the HTML code, which you can get from the website that your Widget will show. Follow the directions on your Widget tool, they are very helpful!







4. After you click "Save," you'll see your widget embedded!! ... Well, you will see this little odd image on your Edit screen: Don't worry! The Widget only looks like that when you are in Edit Mode.

5. Click "Save" to apply your edits.

6. Scroll down your Wiki page to see your awesome Widget hanging out on your page! Here is an example of a successfully embedded WallWisher widget can be found below: media type="custom" key="15381742"

Check out the WallWisher Tutorial and get started on your first Wiki Widget assignment!

NOTE: Adjusting the size of a Widget
To adjust the size of your Widget, find the width/height section of your HTML code (see below).

//**Suggested for VIDEO widgets:**// Width should be no greater than 800 and Height should be no greater than 500. Use Preview to see how small/big the widget will be on your page. You can always click "Edit Widget" to change the code again. ONLY change the numbers. Do not remove any other text in the code.