This post explains how you can add photos and videos to your blog post.

First, an explanation is in order: You might have noticed there is a photo gallery function in Community Server. However, due to the way we have deployed Module Blogs, the photo gallery is not integrated well with the blogs. This is because the reciprocal categories and user permissions are not automatically created in tandem with the blogs. Besides this, the photo gallery is not particularly user-friendly. If you want to use the built-in gallery, contact us.

Adding photos
In order to add photos or videos to a blog post, you will need some web space to store the photos. You might store them on your module website (also known as the K:\drive). Alternatively, I personally recommend Flickr. One reason why I like Flickr is because you can annotate photos. An example of how it has been used as a teaching tool at edu.blogs. Even though the example refers to an elementary school environment, you can extrapolate to find uses in tertiary education.

Once you have uploaded your photo, take note of its URL. For the K:\drive it should be something like:
http://courses.nus.edu.sg/course/userID/Internet/photo.jpg

If you used Flickr, click 'All sizes' from the photo page. Choose a suitable size, then copy the code from the 'Copy and paste this HTML into your webpage' section.

Now, create a new post in your module blog. Click 'HTML' on the bottom left corner of the text field. If your photo is on the K:\drive, use the code below (replace the URL with the one pointing to your photo). Or paste the code you copied from Flickr.

<img src="http://courses.nus.edu.sg/course/userID/Internet/photo.jpg">

You can switch back to Design view, and your photo should display in the post if you've done it correctly. Continue writing and publish when ready.

Adding videos
First off, you will need to upload your video to a video sharing site such as YouTube or Google Video. (Or you can share a video that has been uploaded there.)

Next, copy and paste the code that is provided in your blog post. (In Google Video, click the 'Email - Blog - Post to MySpace' button, then click 'Embed HTML'. Copy the provided code.)  Remember that you should be in HTML view, just as it is when adding photos.

You can switch back to Design view. Note that the video might not appear (even in Preview). Continue writing and publish when ready.

Gentle reminder
Don't upload photos or videos that do not belong to you or that you do not have the permission of the author to use.