• If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Stop wasting time looking for files and revisions. Connect your Gmail, DriveDropbox, and Slack accounts and in less than 2 minutes, Dokkio will automatically organize all your file attachments. Learn more and claim your free account.


Wiki Help and How To Embed Tools

Page history last edited by Lisa Nocita 8 years, 8 months ago




How to create new pages

1. Log in to your wiki at my.pbwiki.com and chose tokillamockingbirdprojectpage.

2. Click "Create new page" at the top of your wiki

- Type "English Syllabus" into the page title and click "Create new page"

- Once you type something on the page (anything! It's ok!), click "Save"



Link pages together

To navigate from one page to another, you'll want to link pages together. (Unlinked pages are called "orphans," and that's no fun.)

1. Go to your wiki's front page and click "Edit"

2. Type "whatever you want "

3. Select the text and click the "Insert link" button (the chainlink icon on your tool bar)

4. Choose "Link to wiki page" and locate "English Syllabus"

5. Once you click "Ok" and "Save," you'll see that your page now links to your English Syllabus page

You can now set up as many pages as you want and link them together!



Video, audio, and chat rooms, oh my!

You can insert all kinds of multimedia applications on your workspace with just a few clicks. Let's insert a sample video:

1. Upload your video to Teachertube.com

2. Copy the embed code to your video

3. Go to your workspace http://tokillamockingbirdprojectpage.pbworks.com

4. While editing, click "Insert Plugin" and choose the "You Tube" plugin. Paste your embed code and save your page.


Some of our most popular plugins:

  • The Calendar plugin lets you insert a shared calendar for setting dates and milestones for your classroom/library
  • Chat rooms let your students or staff communicate with each other. This is a great additional way for you and your students to collaborate

Here's a special way to get free storage space: Because of a special arrangement with a third party, if you upload your videos through our Video plugin (or embed through YouTube), your videos won't consume workspace storage space.



Inserting images

  • It's best to save images to a file in Your Documents folder as jpg images before beginning!
  • Click the "Pages & Files" tab on top of your workspace page.
  • On the files page, click the "Upload files" button.
  • Select the file you'd like to upload.  If you'd like to upload multiple files, please hold down the CTRL key (to add a file to the list of selected files) or the SHIFT key (to select a range of files) when choosing files from your computer.  NOTE: To ensure a smooth uploading experience, please avoid uploading files with extremely long file names.  If you're having an issue uploading a file with a long name, please try renaming the file and attempting to upload the file again.  Also, you may only upload up to ten files at a time with this uploader.
  • Click the "Open" or "Select" button to upload the files to your workspace.
  • A window will then pop-up to show you the progress of your files to be uploaded.  Cancelling queued uploads is easy, just click on the "Cancel Uploads" button.
  • Your successfully uploaded files will appear in your workspace's list of files.
  • Go into "Edit Mode" on any page by clicking the edit tab.
  • Click "Images and Files" tab under the "Insert Links" "Page Tool" on the right-side of your screen.
  • Click the Upload Files, which will cause a browser window to appear.
  • When you locate the file, click on it, and then click “Open”.  You can select up to ten files to upload at one time.
  • After uploading, the file will appear in your file list. 
  • Click on the text of the file name to insert it into your workspace.   If it's an image file, (PNG, JPEG, or GIF), it will be inserted as an image wherever the cursor is located in the editor.  If it's any other kind of file, then the file will be inserted as a link.
  • For more information see:
  • http://usermanual.pbworks.com/Files-and-Images?SearchFor=image&sp=1



[http://kristineedudemo.pbworks.com" href="/http://courtneyhour5.pbworks.com/Wiki-Help#footnote-1">1]

To Create a Footnote on your wiki page

To add a footnote, just click with your mouse where you would like the citation to be then choose insert plugin from the PBwiki Magic menu, choose footnote and then paste your text in here, click preview and then okay.  Save to see your footnote in action.


Edit Lock/Stealing Locks

The edit lock is a feature we have in place to prevent two people from editing the same workspace page at the same time.  There is no way to turn it off. If you are editing a page, no one else will be able to unless one of these things happens:


    * You save the page.

    * You hit cancel and don't save your changes.

    * You make no changes on the page for five minutes or more.


If you leave the page alone for more than 5 minutes, another user can "steal" editing privileges from you. This cancels your changes and they can make their own changes.  Save often and work cooperatively to edit.  This will require some communication between yourself and others working on your page.


Basic Rules for Embedding Tools from Web 2.0 Applications

  • Create whatever it is that you are creating (Glog, Prezi, Slideshare, Voki, etc.)
  • Find the embed or html code for your creation.  Sometimes this is found by exploring "SHARE" options.
  • The embed code is the html code that you will need to insert into the wiki.  If you cannot find a way to grab the code, you cannot embed your tool in the wiki.  There may be other options.  Ask Mrs. Nocita for help.
  • Copy the code and navigate to your wiki page. 
  • Enter Edit mode and go to the Insert menu. 
  • Choose <>HTML/Java Script
  • You will get a box in which you can paste your code. 
  • Click Next and then insert plugin. 
  • You will see a green box with the plugin until you save the page. 
  • Once you save the page, you should see your plugin! 
  • You can monkey with the code to alter the size by looking for the height and width.  The numbers don't correspond with any specific measurements so you can play around by increasing or decreasing the numbers equivalently. 


Wordle  http://wordle.net/ 

   1. Create your wordle

   2. Click "Save to Gallery"

   3. Copy the embed code


  1. Click "edit"
  2. Chose "insert plugin" from the toolbar
  3. Click on HTML & Gadgets --->html
  4. Paste the embed code into the box and press "preview"
  5. Click OK, and you're done.  You'll see a green plug-in box until you save your wiki page.

 Alternate Wordle Instructions (if you want a different size to appear in your wiki)

Complete your wordle but instead of embedding the html code, hit the print screen button on your keyboard to take a picture of your wordle.  Open up Paint (under Accessories) and paste the picture into Paint.  Cut out the parts of the picture that you do not want.  (Unfortunately, you can't just crop the picture.  You have to cut out what you don't to see.)  When you are satisfied with the image, select save as...title it and save as a jpeg file to your documents.  Then you can upload the image to your wiki and insert.


ImageChef  http://www.imagechef.com/ic/word_mosaic/ 

Create your word mosaic.  Click on the facebook or twitter icon to save.  This will give you the html code you need for embedding.  Copy the html embed code.  Click HTML & Gadgets --à html.  Paste the code into the box and press “preview”  Click ok and you are done. Save your page.


Blabberize  http://blabberize.com/


How Do I Embed Blabberize?  


Create your blabberized creation.  For help with this step see:  http://www.scribd.com/doc/3952730/1-Go-to-www-blabberize-com

On you wiki page:

  1. Click on "Insert Plugin" from the toolbar
  2. Click on HTML & Gadgets ----> html
  3. Paste the embed code into the box
  4. Save your page.


GLOGSTER http://www.glogster.com/   or http://edu.glogster.com/  *NEW!

How do I embed Glogster?

Create your Glog.  You can do many wonderful and fun things with your Glog.  It's easy to get started!  You will have to register to view your Glog.  

  1. The wall is your background
  2. You can add:  Text  titles bubbles stickers  Click and drag, rotate, resize, edit text, change color and size, make a link
  3. You can upload images, video and sound,
  4. You can add graphics
  5. Be sure to leave a margin on the right side of your glog or some of your images may be cut off when it displays on your wiki
  6. Save and publish
  7. select school
  8. Make public or private
  9. follow screenshot directions
  10. Scroll down to the bottom of your completed project to find the code to embed into your page
  11. Copy html

Now on Your Wiki:

Once you have completed your Glog, scroll down and copy the embed code.

  1. Click on "Insert Plugin" from the toolbar
  2. Click on HTML & Gadgets ----> html
  3. Paste the embed code into the box 
  4. You will want to change the width of your glog as it may be a bit too big on the wiki. Change the html width to 910
  5. Preview
  6. Save your page. 



Animoto? http://animoto.com/ 

Animoto lets you create short videos from pictures and video.  You upload the images, choose the music, and Animoto does the rest.   Animoto allows for free 30 second videos.  If you need a longer video, see Mrs. Nocita for help. 


  • In Animoto:
    • Click on Post/Embed Online
    • Keep clicking the right arrow until you see "Other Sites"
    • Copy the HTML code
    • Click OK
  • On your wiki page:
    • Click on "Insert Plugin"
    • Paste in the HTML code 
    • Next
    • Save


Cool Text http://cooltext.com/  

Cool Text is a free Web based graphics editor that lets one create buttons and logos for use on Web pages. To create a button or logo:

  1. Select a style or design.
  2. Then you are taken to a screen where you can type in your text, select a font (1200 to choose from!), choose colors for the font, background, etc.
  3. When you are satisfied, click the Render Logo (or Button) button at the bottom of the screen.
  4. Wait a few moments until your logo or button is rendered. If you like what you see, SAVE the logo or button by clicking the Download Image link. If you do not like the result, click the Edit this Logo (button) link. 
  5. Tip: If you are making buttons, just click Edit this Button after downloading the first. Change the text, and render again. Repeat the edit and rendering process until you have made all of the buttons that you need.

How do I embed into my wiki?

To use your logo or buttons:

  1. Upload them into your wiki by clicking the Images and Files tab. 
  2. Click Browse and locate your button/logo.
  3. Once you locate your button/logo, click Open to upload.
  4. In Edit mode, put your cursor where you want to place your button/logo, and click on the image in the images and files window. You should see the image on the screen.


Dipity   http://www.dipity.com/ 

How do I Embed Dipity?   

Much like XTimeline, Dipity allows the user to create timelines and embed them onto a wiki, blog, website, etc. This would be an excellent to document and reflect on your wiki progress and process!

  1. Create an account on the Dipity website.
  2. Click "Get Started" and enter title, etc. for your timeline.
  3. Click "Add an Event" and enter title, etc. for your event.  You can easily add photos, links, and even videos using the Dipity template.
  4. Continue until all events have been added.
  5. When your timeline is complete, click "Embed," located on the right above your timeline.  This will give you the HTML code you need in order to ebed your timeline onto your wiki using the HTML Magic Plugin.


Google Gadgets

How do I embed Google Gadgets?

  1. Go to the edit mode of your wiki
  2. Click "insert plugin" --- >HTML & Gadgets---> Google gadget
  3. Click "here" and search the google directory for the plug in you would like to use
  4. Modify your plug in and then copy the embed code (at the bottom of the page)
  5. Return to your wiki tab and paste the embed code information into the preview box.
  6. Click preview and OK.
  7. Press save and you're done!


Go Animate

How do I embed Go Animate into my wiki?

Go Animate turns pairs your words with characters to create cool animations.  Go to http://goanimate.com and sign up. 

When you have created your goanimation you choose to make it public and share your animation. By choosing the <> button it will give you the code to embed it into your wiki. 

Here you have two options, you can adapt a template to help you get familiar with using the site,


Or, you can start from scratch. There's a demo to help you if you need it.

 You have lots of options for editing your animation, the characters can be animated, made to move or handle props, you can change to a large number of scenes, add music, special effects, props.. there's plenty of room for creativity. 


My Studiyo http://mystudiyo.com/    


How do I Embed My studiyo?   

  1. To create a Mystudiyo Quiz, you must first have a Mystudiyo account.  Signing up is free and easy through their website.
  2. Once your account is active, you are ready to "Create Quiz"-located near the top of the page, or "Create Now!"-located in the big box in the center of the page.
  3. Start by selecting your quiz style:
    • Create & Go - My quiz below falls into this category
    • User Can Add - Allows users to add their own questions to your quiz.  While this might be a good option in some classes, especially as an AP review, I don't trust my freshmen to add questions to my quiz...at least not in the beginning.
    • How "X" Are You - I'll play with this option more later.
  4. Next, select the skin you want for your quiz.
  5. Then give your quiz a name and decide whether or not you want to add an introduction media.  This will play everytime someone accesses your quiz, so choose wisely.  Music and video are sometimes distracting.
  6. Now you are ready to add questions.
    • Type your first question in the space provided.
    • Add up to four multiple choice answers.  Be sure to check the box for the correct answer.
    • Select the media you want played with your question.  This is an excellent place to add video.
    • Decide whether or not you want to set a time limit for each question and reply accordingly.
    •  Submit your question.
    • Repeat until you have included all of your desired questions.
  7. Once your quiz is complete, click on "Next" at the top of the page.  This will allow you to choose your quiz ending - either a scoreboard or DIY.
  8. Finally, click on "Next" at the bottom of the page.  This will give you the HTML code that can be added to your wiki.

How Do I Embed Mystudiyo?  To embed a Mystudiyo quiz onto a page in your wiki, copy the HTML code from Step 8 above into the HTML & Gadgets plugin from your wiki toolbar.


Photo Story 3

How do I Embed PHOTO STORY? Photostory 3 is a free download for digital storytelling 

Use images, text, and narration or music to tell a story.  The library desktop computers all have Photostory 3 installed.


There is a step by step tutorial on using the program @ http://www.jakesonline.org/photostory.htm   

You can convert photo story to a wmv once you are finished editing, so that others may view it.  I then just uploaded it using the Insert Plugin as a video.


ToonDoo http://www.toondoo.com/ 

How do I Embed ToonDoo?    

Toondoo is a web application that allows anyone to create cartoons.  It allows for an easy way for students to create cartoons as well as share them with other students.  The user can select from several different formats such as single or double panel cartoons.  From there they can add pictures, text, cartoon drawings, and change the background.  All of this is done through an easy to use intuitive interface.  Overall, this web application allows for easy sharing of these creations with users all over the internet. 

To embed your cartoon on a wiki, simply select embed and copy the code.  Navigate to your wiki and click on Insert Plugin and then, HTML & Gadgets.  Choose html/java script and paste the code in the box.  Click preview and then, save the page.  See the directions on the PBWorks page for more information. 


VOKI  http://www.voki.com/  

How do I Embed VOKI?

Create a talking avatar with the voice and words of your choice in any language.  You can record your own voice and have the caricature speak it when clicked on.  Or you can type the text that you want the animated talking head to say and choose a language and a voice.  (Spanish, for example, has several male and female voices from different parts of the world.)  I plan to make several messages that students can click and listen to.

To embed your Voki code:

1) Click edit

2) go to "insert Plugin" -- > HTML & Gadgets--> ANY GOOGLE GADGET

(this is different than regular HTML, so you need to use a different plugin)

3) paste the Voki code into the Google Gadget box

4) Press preview ---> OK

5) SAVE!


SLIDE http://www.slide.com/

How do I Embed Slide?

Create your slide show.  Upload photos from your file and then customize your slide show.  You will have to register with an email address to publish and get your embed code but you can make your slide show private.


  1. Click "edit"
  2. Chose "insert plugin" from the toolbar
  3. Click on HTML & Gadgets --->html
  4. Paste the embed code into the box and press "preview"
  5. Click OK, and you're done.  You'll see a green plug-in box until you save your wiki page.


Picnik  http://www.picnik.com/

Photo Editing Made Fun! Upload your photos/images and have fun!  You can save and add to your Wiki.


DabbleBoard  http://www.dabbleboard.com/draw

Drawing program


Survey Monkey  http://www.surveymonkey.com/

SurveyMonkey allows users to design surveys, collect responses, and analyze the responses of their created surveys.  The results of the surveys can be shared instantly with people the user chooses.

To get started,

 First - go to http://www.surveymonkey.com/ to become a suscriber to SurveyMonkey. 

  • Sign up for the Basic survey which is free and permits 100 responses per survey.
  • With the free version, you are only allowed 10 questions per survey and many features are disabled, such as adding a custom logo and creating a custom thank-you page, among many other features.  

Next - create your survey(s)

  • Click the icon that says "Join Now for Free," and it will allow you to pick a username and password, and you will be required to enter your contact Email address. 
  • Then, you can follow the directions on the screen to begin creating your survey.  

For more information on creating your account and designing your first survey, go to http://www.surveymonkey.com/Home_Videos.aspx to view a video to aid you with SurveyMonkey.


Time Toast  http://www.timetoast.com/

Time Toast allows people to easily create interactive, online timelines.  You can add dates, titles, descriptions, and images to a timeline.  Users simply have to move the mouse over the different dates to view the descriptions of each event.  Timelines can even be shared or embedded.

Directions for using TimeToast 

To get started,

 First -

 Next -

  • Click here for printable step-by-step directions.
  • For more information on creating your timeline, go to http://www.timetoast.com/faq
  • To embed your timeline on a wiki, simply select the Embed/Share icon; then, copy the JavaScript, navigate to your wiki and use the Insert Plugin icon à HTML & Gadgets. 


Show Beyond  http://www.showbeyond.com/show/home

ShowBeyond is a unique, interactive website that allows for the creation of presentations called slidecasts.  These slidescasts can contain pictures, audio, custom drawings, sounds, as well as many other details.  The web application that is used to create the slidecasts is intuitive and simple for users. 


VuVox  http://www.vuvox.com/

VUVOX gives you the power to create one of-a-kind stories in an instant. All you need to do is provide whatever cool content that you have. Take pictures, video, audio and text. Mix it up. Choose backgrounds, colors, textures and then, you are ready to share your creation with the world.

Directions for using Vuvox:

 To get started,


Next -

  • Click here for printable directions.
  • For more information on creating your collage, look at the Introductory videos on the front page of VUVOX . 
  • To embed your collage on a wiki, simply select share and copy the code to paste it using the Insert Plugin.  


Wallwisher  http://www.wallwisher.com/

What would you do with a wall?


Tagxedo http://www.tagxedo.com/

Like Wordle, but cooler actually! More things you can do to create an incredible word visual.  Still in BETA testing but looks promising.  No embed code as of yet.  You will have to save as an image to a file and upload it as a file to your wiki. 



Thanks to http://kristineedudemo.pbworks.com for help learning about wiki tools

Comments (0)

You don't have permission to comment on this page.