Wiki+Widgets

Wiki Widgets A Quick Guide to Embedding Widgets

Brought to you by: //Created by the Center for Language Education And Research at Michigan State University//
 * Voice Drop Box **

1. Go to http://clear.msu.edu/teaching/online/ria/index.php or click on image to left 2. Create account then sign in 3. Upon signing in click on Voice Drop Box under The Apps heading 4. To create a new drop box click on "New Drop Box" 5. To title the new box click on the pencil 6. To embed voice drop box in your wiki click on HTML blue link then copy embed code 7. Go back to your wiki, open the editor, select blue widget TV, click on other HTML and paste the code (BE SURE TO INSERT A < AT THE BEGINNING OF YOUR CODE IF ITS MISSING) 8. Direct students to the drop box and prompt them with assignment for drop box 9. To check your student voice drop go to your account, sign in and view/listen to submissions by clicking on the eyeball icon
 * To Create & Embed:**

//Please enter your full name and respond to the following question//- **Do you prefer MAC or PC?** media type="custom" key="2377559"
 * Here is a sample:**

**Voki/Avatar** media type="custom" key="2377893" 1. Go to [|www.voki.com] 2. Create an account by clicking on the Register button on the top far right of the page 3. Upon registering, sign in to Voki 4. Start by clicking on Create a New Voki under step one on the blue tab "Voki For My Site"
 * To Create & Embed:**

5. Continue to pick and choose for the menus that are offered for clothing, hair, player, and background designs 6. Add a voice to your Voki using either computer text, phone in, via microphone, or by uploading an audio file 7. To embed in your wiki click on the Publish button and give your voki a title 8. Once uploaded, you will automatically be given the emed code for your space. Use the JAVA SCRIPT code on top rather than the MySpace code when embedding to your wiki. 9. Copy the code and open up the editor in your wiki, select the blue TV screen, click on other HTML, paste code and hit the save button.

To Create & Embed:** 1. Go to your wiki and open up the Editor 2. Click on the Blue TV Icon 3. Select the Documents Icon 4. Click on Bitty 5. Paste the URL in the space provided of the page you wish to Bitty in your Wiki 6. Adjust size of grey media file and hit save media type="bittybrowser" key="www.google.com" width="100%" height="400"
 * Bitty Browser