Blogging Tip: Embed Content With Just A URL

The Edublogs support team gets a lot of emails about the best way to add certain types of content to a blog. Often users are looking for a widget or a plugin that can help them embed content. What many users don’t realize is that you can embed lots of content just by pasting a simple URL into your blog post.

What Kinds Of Content Can I Embed Via A URL?

You can embed many different types of content from many different sources. Here is a quick list of the most popular sites that let you embed content with a URL:

Video:

Photos

Other

Using URL Embeds Tutorial

URL Embed Tips

1.  URLs you are using to embed content must NOT be hyperlinked!

If the URL is blue, like it is in the example below, then it is hyperlinked.

Hyperlinked URL

To make it work, you should highlight the entire URL and then click Unlink Icon in your Visual Editor toolbar.

Unlinking

2.  The URL should be on its own line.

Make sure the URL is on its own line.

If the URL is on the same line as any other text, the embed will not work. Make sure it’s on its own line and that there are no characters or whitespace before or after the URL.

If the video appears to be on its own line in the visual editor but is not displaying correctly when you view your blog post, then switch to the Text Editor and make sure there are no <div> or <span> tags around the URL.

Popular Media Sites

Below are instructions for embedding videos from YouTube and Vimeo, as well as tweets from Twitter. For instructions on how to use embed URLs from the other sites listed above, check out our Edublogs help page.

YouTube

To embed a video from  YouTube:

1.  Click the “Share this video” link under the YouTube video.

2.  Copy the Video URL.

Video URL

3.  Go to your blog and paste the URL on it’s own line in the Visual Editor. Then save.

Adding the video URL

4. The video will look like this on your published post.

Vimeo

To embed a video from Vimeo:

1.  Copy the video’s URL from your web browser’s address bar.

Vimeo URL

2.  Go to your blog and paste the URL on it’s own line in the Visual Editor. Then save.

Vimeo video

3. The video will look like this in your published post:

Twitter

To embed a tweet from Twitter:

1.  While viewing the tweet, click on the timestamp.

2.  You’ll then be taken to the tweet’s page where you can copy the URL in your web browser’s address bar.

3.  Go to your blog and paste the URL on it’s own line in the Visual Editor. Then save.

Twitter URL in a post

Below is what it an embedded tweet looks like in your published blog post:

Pinterest

You embed from Pinterest as follows:

1.  Copy the profile, board or individual pins URL from your web browser’s address bar.

3.  Paste the URL on a line by itself in your post/page editor.

Add URL

Below is what it looks like embedded when you view your post:

Profile

Board 

Pin

Are there any other sites you use that allow you to embed content with a URL?

If so, let everyone know in the comment section below!

8 Responses

  1. Beth says:

    Very helpful! Concise and informative. I will share this post with my students next week when we return to school from summer vacation. Thanks for using the video “Introduction to Blogging” as well. Very appropriate for this time of year! Much appreciated.

  2. Maha says:

    A great resource for educators to learn from. The only thing I would add is that Copyright and the Creative Commons need to be considered here too. For example, if a video has a ‘Standard YouTube License’ attached to it (which is the default for uploading), technically, embedding such a video could land an educational institution in deep water. Especially if that video is violating copyright in the first instance. The safest way to deal with this issue, legally, is to provide a “link” to the clip, with an attribution statement, rather than “embed” the video into your online learning/teaching environments.

  3. Aquif says:

    Thanks For this Post. Getting New to embedding media.

  4. Kym says:

    Ability to embed Pinterest boards would be great.

    • Sue Waters says:

      Hi Kym, thanks for the reminder. You can embed Pinterest using the URL and we just forgot to add it to the post. I’ve edited the post to add instructions on how to embed using Pinterest URL.

  5. Mohammed Khurshed Alam says:

    Learning to link and embed video help me a lot to make a blog more effective.

  6. Aisha says:

    Thank you so much for this post…made my life easier . I can embed some videos etc now to my free edublog :)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe

Follow this blog

Get every new post delivered right to your inbox.