Home » Posts tagged 'embed'

Tag Archives: embed

How do I embed a Prezi presentation in a blog post?

Please follow the steps below to activate the Prezi plugin and embed a prezi into your blog:

1. Log into your blog and access the dashboard. Once in the dashboard you will find a menu on the left hand side and you will find the Plugins menu. Click on the Plugins menu and you will be able to see the various plugins available for your blog.

2. Next, scroll down until you find the plugin entitled “Prezi Shortcode” and click on activate to turn it on.

3. After you finish your Prezi presentation, click the “Get link,” and get a code from your link.

4. You will copy the underlined portion of URL. You can ignore the “cloud-computing/” part.

5. Now all you have to do is to past your code, using the Prezi code with brackets. Make sure to add “/view/” at the end of your copied code. You final code should look like this.

6. Alternatively, you can modify the size of your presentation window using the following code.

[prezi width=”600″ height=”400″]http://prezi.com/smtekfcg8eeg/view/[/prezi]

7. A caveat. Don’t simply copy your presentation’s URL. If you use your entire URL between [prezi] brackets, it won’t show the presentation itself.

How do I embed a Google map in Moodle? How about a video?

This is used to embed a video into your Moodle site instead of having the students click on a link to open up another window like Youtube. They can watch the video right from the Moodle site by clicking on the arrow in the middle.

Step 1: Click the Add a resource drop down menu and select Add a label.

Step 2: A new screen will open up called Adding a New Label to Topic #. It will look like the screenshot below. At this point do not add any text.

Step 3: Before adding any text, find a video to embed in Moodle such as a You Tube video like the one below. On the You Tube site there is an embed code on the top right hand side. Copy the embed code. Embed codes usually begin with a description of the width and height of the video box such as <object width=”420” …>.

Step 4: Go back to Moodle and click on the icon to turn on the Text Mode in order to embed the code for the video. Then paste the embed code in the text space. It should look like this below. Click Save changes.

How do I embed a video in Moodle?

This is used to embed a video into your Moodle site instead of having the students click on a link to open up another window like YouTube. They can watch the video right from the Moodle site by clicking on the arrow in the middle.

Step-by-Step
Click the Add a resource drop down menu and select Add a label.

A new screen will open up called Adding a New Label to Topic #. It will look like the screenshot below. At this point do not add any text.

Before adding any text, find a video to embed in Moodle such as a You Tube video like the one below. On the You Tube site there is an embed code on the top right hand side. Copy the embed code. Embed codes usually begin with a description of the width and height of the video box such as

Go back to Moodle and click on the icon to turn on the Text Mode in order to embed the code for the video. Then paste the embed code in the text space. It should look like this below. Click Save changes.

How do I upload a photo or document file in Drupal?

You can upload the following file types to your Drupal pages: csv, dcr, doc, docx, gif, gz, html, jp2, jpeg, jpg, kml, kmz, pdb, pdf, pmf, png, ppt, pptx, rtf, sit, tar, txt, wpd, xls, xlsx, zip.

When uploading images, they appear on the page with the title and caption you assign them. Other types of files also show the title and caption, but rather than show the file, a link is provided to access it.

Each section of the website has a special page for housing file uploads; this page is titled “Files (hidden)”. It is highly encouraged that all uploaded files be placed on this page so everyone knows where to find them. The instructions below assume that this advice has been followed.

Note: Any subpages of the “Files (hidden)” page will also be hidden. You can use this functionality to organize your files on different pages with descriptive titles to further help you know which files are where.


  1. Make sure the title of your photo or file follows the name conventions from our Web Style Guide: Before you upload an optimized image to the website, please make sure the file name is readable. (Ex. william_arrocha.jpg NOT IMG30001.jpg).  Separate words within the file or image name with an underscore.
  2. Make sure you are logged on.
  3. Navigate to the “Files (hidden)” page.
  4. Locate the “Edit Console” in the top left of the screen. Click the “Add” tab.
  5. The screen now lists all the content types. Choose “File upload” from the list.
      1. The screen now shows the “File upload” editing interface. Choose “Browse” to upload a photo or file from your computer to your “Files (hidden)” webpage.
  6. Optional: When uploading an image, In the “Caption” text field, type a caption.
  7. When you are done uploading the file, scroll down and click the “Save” button.
    1. The screen returns to “View” mode.

How do I insert a link using Drupal?

Note: These instructions apply to the “Basic Content” and “Story” content types.

  1. Make sure you are logged on and in the editing interface for the content you wish to edit.
  2. Highlight the text you wish to be the link.
  3. Click the “Insert/edit link” button. It looks like a chain link.Link Chain
    1. The “Insert/edit link” console appears on your screen.
    2. Insert Links

  4. In the “Link URL” text field, put in the URL for the page you wish to link to.
    • If you’re linking to an outside site, please remember to set the “Target” to “Open link in a new window.”
    • If you’re linking to an internal page, set the “Target” to “Open link in the same window.”
  5. Click the “Insert” button.
    1. The “Insert/edit link” console disappears.
  6. When you are done editing the content, scroll down and click the “Save” button.
    1. The screen returns to “View” mode.

How do I insert an image within the Body or Sidebar area of a Drupal webpage?

Note: These instructions apply to the “Basic Content” and “Story” content types.

  1. Make sure you are logged on and in the editing interface for the content you wish to edit.
  2. Click your text in the area you wish to add an image.
  3. Click the “Insert file upload” button. It’s the yellow folder icon, the 1st button in the 3rd row.Photo Upload Button
  4. When the “Insert file upload” console appears on your screen, use the links the find the files on the “File Uploads” page.Photo Upload Prompt
  5. Click the image you wish to use.
    1. A new window appears.
  6. Use this screen to set the properties you want for the image, such as title, description, and size. These cannot be changed later.Photo Settings
  7. When you’re done setting the properties, click the “Insert” button.
    1. The window disappears.
  8. To edit the image’s settings, make sure it is selected and click the “Insert/edit image” button. It’s tree icon, the 2nd button in the 3rdrow.
    1. A new window appears.
  9. Click the appearance tab.
    1. You now see the image’s appearance settings.
  10. Edit the image as required, adjusting the alignment, dimensions, vertical and horizontal space, and more.Photo Upload Appearance
  11. When you’re done editing the image settings, click the “Update” button.
    1. The window disappears.
  12. When you are done editing the content, scroll down and click the “Save” button.
    1. The screen returns to “View” mode.

How do I embed a video using Drupal?

Videos can be embedded in the “Basic Content” and “Story” content types from just about anywhere on the web, including YouTube, Vimeo, and MiddTube. However, YouTube or Vimeo embed codes will not work in the Drupal CMS. You must instead use the following syntax to insert videos: [video:URL width:value height:value align:value autoplay:0]. The URL is the web address where the video lives. Accepted values for width and height are numbers. Accepted values for align are left and right. To insert a video:

  1. Make sure you are logged on and in the editing interface for the content you wish to edit.
  2. Click in the text where you would like to add a video.
  3. Enter the line of code above, Ex. [video:URL width:640 height:385 align:left autoplay:0], inputting the desired URL and appropriate values.

    Video Embed Screenshot 1

  4. When you are done adding the video, scroll down and click the “Save” button.
  5. Your video will now display on the webpage:

    Chile Video Embedded

Sites DOT MIISThe Middlebury Institute site network.