Dr. J's Global Campus Blog


Add Images to Blog Posts

Adding images to a blog post is a great way to add visual appeal as well as more effectively communicate your message. It’s quite simply to add images to blog posts in Edublogs. This 3 minute video demonstrates how to add images to a WordPress blog post (note: WordPress is the open source blog software that powers Edublogs)

Perhaps the most difficult task in adding a images to a blog post is to upload the images to a server online so that they have a source URL and can then be inserted into the blog post. Images displayed in blog posts are actually just embedded, meaning that the files being displayed are housed on another server but just displayed within the blog post. Numerous free image sharing services are available, like Flickr or Picasa, that you can upload images to and then share with others.

I personally use Flickr and have my personal images at http://www.flickr.com/photos/jrhode. When I want to include a diagram or other image in a blog post, I upload the image to my Flickr account. Then, using the Firefox browser, I right-click on the medium sized image and then “Copy Image Location”. That is the URL that I need to add a photo as described in the previous tutorial.

If I want the reader to be able to view a larger version of the photo, I add a link to the photo I just inserted back to the original source image. Here’s an example of a diagram I created to explain RSS. Clicking on the image below, you can display a larger version of the image.

If you’d like to give Flickr a try for yourself, here’s a 2 minute video below to help you get started.

Leave comments with additional questions you may have about adding images or other media to blog posts or bring them to an upcoming synchronous class session and I’ll answer them there.