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.
To make it work, you should highlight the entire URL and then click Unlink Icon in your Visual Editor toolbar.
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.
3. Go to your blog and paste the URL on it’s own line in the Visual Editor. Then save.
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.
2. Go to your blog and paste the URL on it’s own line in the Visual Editor. Then save.
3. The video will look like this in your published post:
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.
Below is what it an embedded tweet looks like in your published blog post:
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.
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!
No comments:
Post a Comment