HOW TO: Add Multimedia to Your Blog

Blog Image

by Zachary Sniderman (Mashable)

This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business.

A website without multimedia is like a cupcake without icing: Functional but lacking. These days, all manner of web pages from huge company sites to small business blogs are expected to add audio, photo, or video to their posts and homepages.

While this all sounds well and good for multimedia companies that produce endless amounts of content, small businesses with text-based websites can run into trouble finding and providing appropriate content. The real trick is adding multimedia that enriches your site, product, or brand without taking away from your company’s core message and aesthetic. And how do you get a rich multimedia experience without hiring a coder?

This is rarely easy. To help, we’ve collected some simple resources to add audio, photo or video to your blog.

The Basics

For most blog hosting sites, including WordPress(WordPress) and Tumblr(Tumblr), most multimedia is handled through embed codes. Don’t worry, you don’t need to know HTML; you just need to know where the button for viewing and editing HTML on your blog post is. All embeds can be handled as simple copy-and-paste jobs using these resources.

WordPress, Tumblr and any other half-decent blog host will have ways to add multimedia in their dashboard. Some of these are better than others. Tumblr tools are pretty intuitive whereas WordPress sometimes glitches when switching between HTML and visual formats. To save you all sorts of headaches, the following resources work off embed codes. This means you can see and edit all your multimedia visually, then copy-and-paste the final code into your post as HTML. Simple as that.

1. Audio

Audio is often overlooked as a multimedia device when compared to photo and video. There are, however, some great ways to include your favorite songs, or even some original audio, into your blog.

SoundCloud, an online platform for receiving, sending and distributing music, offers a ton of options, allowing you to upload any track from your computer and share it instantly. You can add track descriptions, catalogue numbers, a website to purchase (if applicable), keywords, artwork and even BPM and track type. While it’s a format more geared towards musicians, it’s a terrific way to include an audio intro or CEO interview in your post. After you save changes, click share to get the embed code or click any of the icons in the dropdown menu.

SoundCloud is completely free and includes smart features like the ability to add comments at specific time markers (perfect for breaking a long clip into chapters). Lastly, make sure you have the rights to your audio if you are using it for commercial purposes.

2. Photo

When dealing with photos, two services immediately come to mind — Picasa(Picasa) (from Google(Google)) and Flickr(Flickr). Rather than taking those routes, we wanted to find you some completely free options that don’t require you to post your photos to a cloud account.

Uploading individual photos is a snap on most blog sites. Adding an embeddable slideshow, however, can make your post look more dynamic. It’s also a way to include a collection of photos without stretching your post well beyond the page break. let’s you create slideshows with a variety of effects from images on your computer. You can further customize by theme, size, background, and color, and even add music and establish privacy settings. A preview will pop up as you edit. Hitting “save” will bring up your embed code, or you can post directly to your blog using the icon menu on the left.

For those looking for a more professional approach, check out Photopeach. Slideshows can be customized with opening titles and end credits, giving the impression of a complete show. There are fewer options for editing the appearance of the slide, but sharing is still a cinch from the menu that pops up on the right side of the slideshow.

3. Video

When it comes to video, the easiest option is usually to go straight to the source. Three popular video sites — YouTube(YouTube), Vimeo(Vimeo) and — all come with a simple “embed” button prominently displayed near the bottom of their videos. Most will allow you to edit the background and size of the video before you create your code.

Using Google can help you find exactly what kind of video you’re looking for. You can search by keyword, duration, date posted and host site (excluding Vimeo and

Mixpod is also an interesting alternative for creating video (or audio) playlists. Originally designed as an audio tool, Mixpod’s player also allows you to create a video playlist. If you want to use a video that isn’t by a musician, simply click on “add URL” to directly add whatever videos you want to embed. You can even rename and reorder your playlist however you’d like. Mixpod gives you a ton of freedom to select different players, themes and detailed color palettes. Word of advice: If you’re using video, make sure you select a player that can play it – some aren’t compatible.



1 Comment (+add yours?)

  1. publicrelationswriter
    Sep 18, 2010 @ 04:28:02

    I like this article because it is quite informative, easy to read and provides links that one can use to go to the source for additional information. And its practical information helps the user stay legal so that no one is infringing on another’s copyrights. The information is easy to understand, which makes it helpful for people like me who do not want to read small print digests to try to figure out “how to.” And because I found it helpful, I thought my readers would also find something of value in these pages. Isn’t that what it’s all about–helping each other?



Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: