How to - Embed Content in a Widget on Netvibes

14
Embedding Content in a Widget Ex: YouTube, Prezi, SlideShare

Transcript of How to - Embed Content in a Widget on Netvibes

Page 1: How to - Embed Content in a Widget on Netvibes

Embedding Content in a Widget

Ex: YouTube, Prezi, SlideShare

Page 2: How to - Embed Content in a Widget on Netvibes

Embedding Content in a Widget

This tutorial deals directly with embedding videos and presentations in your widget, with the assumption that you know the basics of adding a widget to your

dashboard. If you need more detailed instruction on adding a widget to your dashboard, see the “Adding a Text Widget” tutorial.

A. Find the HTML widget under Essential widgets. Be sure that you select the HTML widget and not the HTML editor widget, which is used for adding text

boxes to your dashboard.

B. As shown below, a dialogue box will pop up any time you select a widget to add. Simply click “Add to my page.” All other edits are made once your widget

is on your page.

Page 3: How to - Embed Content in a Widget on Netvibes

YouTube

1. Go to the website with your embedded content. This tutorial will show you examples from YouTube, Prezi, and Slidshare but you can apply similar technics

to embedding content from other sources as well. For any website, you want to look for a link that says either “embed” or “share.” On YouTube, you will

have to select “share” first. YouTube and websites like it will change their layout from time to time but the share link is usually shortly below the video or

title of the video, as circled in red below.

Page 4: How to - Embed Content in a Widget on Netvibes

2. After you click share, you will then need to click the “embed” link. Put your cursor in the text box of code that appears. Be sure you select the entire code

and then copy the code.

Page 5: How to - Embed Content in a Widget on Netvibes

3. Go back to Netvibes and select the “gear” symbol (as circled below) on your HTML widget.

4. Give the widget a title appropriate to the content you are embedding and then paste the embed code in the “Source” field. Once all your edits are made,

click “Ok.”

Page 6: How to - Embed Content in a Widget on Netvibes

5. You will now be able to watch your YouTube video directly on your dashboard.

Page 7: How to - Embed Content in a Widget on Netvibes

Prezi

1. Follow steps A and B at the top of this tutorial and then go to the website with your embedded content. Remember, for any website you need to look for a

link that says either “embed” or “share.” On Prezi, you will have to select “share” first. The share link is usually beneath the presentation, as circled in red

below.

Page 8: How to - Embed Content in a Widget on Netvibes

2. After you click share, a box will expand to show your sharing options. Select the “embed” link. You have a couple of options for how you want your

embedded content to appear. If in doubt, just use the defaults. That said, don’t be scared to play around with the settings to see if certain changes will

work better for your dashboard. Once you have made your edits, select the entire code in the text box and copy it. You can also click the “Copy code to

clipboard” button.

Page 9: How to - Embed Content in a Widget on Netvibes

3. Go back to Netvibes and select the “gear” symbol (as circled below) on your HTML widget.

4. Give the widget a title appropriate to the content you are embedding and then paste the embed code in the “Source” field. Once all your edits are made,

click “Ok.”

Page 10: How to - Embed Content in a Widget on Netvibes

5. You will now be able to watch the Prezi directly on your dashboard.

Page 11: How to - Embed Content in a Widget on Netvibes

Slideshare

1. Follow steps A and B at the top of this tutorial and then go to the website with your embedded content. Remember, for any website you need to look for a

link that says either “embed” or “share.” On Slideshare, you can select “embed,” found at the top of the presentation, as circled below.

Page 12: How to - Embed Content in a Widget on Netvibes

2. Clicking “embed” will open a box with your embed code. You can click customize for size options or you can simply click “copy” to copy the code to

your clipboard.

Page 13: How to - Embed Content in a Widget on Netvibes

3. Go back to Netvibes and select the “gear” symbol (as circled below) on your HTML widget.

4. Give the widget a title appropriate to the content you are embedding and then paste the embed code in the “Source” field. Once all your edits are

made, click “Ok.”

Page 14: How to - Embed Content in a Widget on Netvibes

5. You will now be able to watch the Slideshare directly on your dashboard.