Archive

Archive for the ‘How to Embed Pencasts in PBWorks Wiki Pages’ Category

How to Embed Pencasts in PBWorks Wiki Pages

PBWorks is an extremely popular and powerful wiki (and more!) tool for educators, businesses, and individuals.  If you’re not familiar with wikis I suggest you view this YouTube video: Wikis in Plain English.

How to embed Livescribe pencasts in PBWorks wiki pages

Method 1: How to embed a pencast with its normal (small) dimensions.  Example

  1. Find the pencast you want on Livescribe.
  2. Click the "Embed this file" button.
  3. Select and copy the embed code to your clipboard.  Use the keyboard shortcut Ctrl-C on Windows or Command-C on a Mac.
  4. In PBWorks – Click the PBWorks Insert Plugin – PBWorks Magic – HTML/JavaScript tool.
    • Paste the resulting embed code into the HTML/JavaScript plugin, click Preview, and press OK.
  5. Voila! When you click Save in PBWorks you should now see the pencast and right above it have a link to the pencast on Livescribe’s site.

Method 2:  How to embed a pencast with small, medium, or large dimensions.   Example

  1. Find the pencast you want on LiveScribe.
  2. Click the "Get a link to this file" button.
  3. Select and copy the link to your clipboard.  Use the keyboard shortcut Ctrl-C on Windows or Command-C on a Mac.
  4. Refer to the post "How to Embed Larger Pencasts" and use James Socol’s Pencast Embed tool to generate the needed embed code.
  5. In PBWorks – Click the PBWorks Insert Plugin – PBWorks Magic – HTML/JavaScript tool.
  6. Voila! When you click Save in PBWorks you should now see the pencast and right above it have a link to the pencast on Livescribe’s site.

 

How to Embed Pencasts in Wikispaces Wiki Pages

Wikispaces is a very popular and powerful wiki for K-12 educators, higher ed, businesses, and non-profits.  If you’re not familiar with wikis I suggest you view this YouTube video: Wikis in Plain English.

How to embed Livescribe pencasts in Wikispaces wiki pages

Method 1: How to embed a pencast with its normal (small) dimensions.  Example

  1. Find the pencast you want on Livescribe.
  2. Click the "Embed this file" button.
  3. Select and copy the embed code to your clipboard.  Use the keyboard shortcut Ctrl-C on Windows or Command-C on a Mac.
  4. Navigate to the desired Wikispaces page.
  5. Click Edit this Page, click the Widget button, and then click the Other HTML button.
  6. Paste the embed code on the clipboard into the HTML box and then click Preview (and then Close Preview) and/or Save.  
  7. Optional: Click on the widget and change its alignment.
  8. Click Save. 
  9. You should now see the pencast and right above it also see a clickable link to the pencast on Livescribe’s site.

Method 2:  How to embed a pencast with small, medium, or large dimensions.   Example

  1. Find the pencast you want on Livescribe.
  2. Click the "Get a link to this file" button.
  3. Select and copy the link to your clipboard.  Use the keyboard shortcut Ctrl-C on Windows or Command-C on a Mac.
  4. Refer to the post "How to Embed Larger Pencasts" and use James Socol’s Pencast Embed tool to generate the needed embed code.
  5. Navigate to the desired Wikispaces page.
  6. Click Edit this Page, click the Widget button, and then click the Other HTML button.
  7. Paste the embed code on the clipboard into the HTML box, then click Preview (and then Close Preview) and/or click the Save button.  
  8. Optional: Click on the widget and change its alignment.
  9. Click Save. 
  10. You should now see the pencast and right above it also see a clickable link to the pencast on Livescribe’s site.

Please leave a comment if this helps you or if you have any suggestions about how to improve on these directions.  Thanks!  — Tim F