Tasmanian Blogs

Archives for Adding images/video

Creating slideshows

I notice a few teachers have started creating slideshows on their blogs. There are a few websites that you could use.

Slideshare – will convert powerpoints to slides you can embed on your blog. But remember every image and sound in the slideshare has to be creative commons or taken by you, the teacher or student.

Photopeach allows you to add words at the bottom of each image so great for storytelling. Check out this grade 2 story about a sign in the forest. There is an educational version but costs $9 US per month. I have only ever used the free version.

Animoto is the one I would recommend for teachers and students. Teachers need to join first then apply for the education version. They are then given a special code which students can use. The teacher then sees the animotos created by the students and can delete them if not made correctly. Again all images and sound used in the animoto must be creative commons. Using the free version only allows 32 seconds video play but the educational version is a lot longer.

Adding Animoto to your blog post

1. I always suggest writing the post first including saving it as a draft before you try adding the Animoto. Remember to include the category and tags before saving.

2. Once you have created your Animoto, you will see some symbols beside the video you have created.

3. Click on the more button.

4. Now click on the embedded video tab and then the blue button copy to clipboard.

5. Final step is to add your animoto to your blog post. Do this by opening your draft post, click on the HTML tab, then paste in the code that you had copied to the clipboard – just press CTRL V. You can add it at the beginning of the post or at the end after the    which is code for enter a new line  Now press publish and your Animoto will appear in the actual post.

Using flickrcc to find images

This is probably the easiest way to find images to use in your blog post. But some schools have this site blocked so you might need to check with your IT co-ordinator.

How do you use it?

  1. In your blog dashboard, you write your post that is going to include an image.
  2. Go to the flickrcc website linked here – there is a link to this on the sidebar of this blog.
  3. Type your search term in the box – make sure editing is ticked in case you want to make some changes to the image.
  4. Choose the image you want to use. Remember you can find more choices by clicking the blue next 30 button.
  5. Click on the thumbnail of the image you want to use. It will now appear as a larger image on the right hand side.
  6. Above the image you will also find attribution information.

Adding the image to your blog post

Go to your post dashboard and click the upload/insert icon.

Click on from URL.

There are four things you now need to do from the flickrcc screen.

  1. Choose size of image you want to use – small or medium (highlight 1) will be large enough most times.
  2. Right click on image and copy image location. If using Internet Explorer, right click on image, go to properties and copy the address area. Come back to your blog screen and paste this in “URL area“.
  3. Go back to flickrcc and copy highlighted area 3. Back to your blog screen and paste in” link image to area“.  Choose your alignment and click on insert into post.
  4. Copy the first line of the attribution (highlight 4) and add to the end of your post.

Image: ‘Doing some Sisyphus work

Now I have shown you three different ways to find images – using Google advanced search, pics4learning and flickrcc.

Which did you find the easiest?

Leave a comment on this post or write your own post about finding and using images.

Using pics4learning to find images

This is a great website where all images are available for educational blogs, wikis, powerpoints and projects etc as long as you give attribution for the image.

On the website is a page giving you tips for searching. Looking at this will teach you better search techniques and will make your searching time more effective.

You also need to read their page on image use policy.

How do you use it?

  1. In your blog dashboard, you write your post that is going to include an image. Then you go to pics4learning to find the best image relating to your post.
  2. Click on browse topics. When the list of topics appears, some will have arrows next to them. This means there are sub-topics as well. So clicking on the topic name next to the arrow will open up more choices.
  3. Under the topic countries, let’s look for Australia and a picture of something related to our history or geography. Found one of Uluru, the well known red rock in the centre of Australia.

If using Internet Explorer or an image saved on a computer

  1. You will need to download the image to your own computer. Check how big the image is. You might have to resize it first so it will fit neatly in your post about 450 pixels maximum width.   By resizing first, re-saving then uploading to your post, it takes up less storage space.
  2. Back to your blog post. To insert an image, you click on the upload/insert icon above the post dashboard.
  3. You are inserting from your computer.
  4. Select to find your image and open it.
  5. The Edublogs platform will crunch your image.
  6. Make sure you have checked the alignment of your image and the size of the image then click insert into post.

If using Firefox or uploading direct from a URL

You don’t need to save the image.

Go to your post dashboard and click the upload/insert icon.

Click on from URL.

Your screen will now look like this.

  1. Go back to pics4learning. Right click on image and copy image location. Come back to your blog screen and paste this in “URL area“.
  2. Go back to pics4learning. Right click and copy link location. Back to your blog screen and paste in” link image to area“.

Choose your alignment and click on insert into post.

 

What about giving attribution from pics4learning?

This is very easy. Go back to the page where your image is on pics4learning. Below the image is a citation area. Highlight and copy this information, then paste it in at the bottom of your blog post.

 

Vernon, Mitch. ar17.jpg. 2006. Pics4Learning. 28 Sep 2012 <http://pics.tech4learning.com>

Using Google advanced search for images

This will be a step by step tutorial on how to use Google advanced search to find images and get attribution for images to use in your blog posts.This is probably the hardest way to find an image to use.

  1. Go to Google search and put in your search term(s) eg Tasmanian Devil
  2. Choose images only on left sidebar – wow over 1 million images to choose from
  3. But how many of these are able to be used in my blog?
  4. Top right corner, click on the option wheel and choose advanced search.
  5. Go to bottom of this page and under usage rights choose free to use or share
  6. Click on the blue advanced search button
  7. Oh, now I only have 44 images to choose from.
  8. I would choose an image from a site that might have something to do with Tasmanian Devils rather than a person’s blog. They might have copied the image without permission.

This is the image I chose to use – sounds like fotopedia is a reputable site.

  1. Hover over the picture and click on the link
  2. I am now at fotopedia site and can see the image was actually from a flickr site, so fotopedia are not the owners of the image.
  3. I click on the flickr link and am now at the original site of the image.
  4. I look on the right sidebar and find the license information and I can use it.

I have now created a screencast showing the above steps for those students who are more visually inclined. This is the first time I have used Screenr so hope it works well.

 

Now how do I download the image and give the attribution?

  1. I don’t want an image that is too big, so I click on Actions above the image, and choose view all sizes.
  2. For blogs the small size is generally big enough. Click on this.
  3. Make sure your blog post has been written and you are ready to insert your image.
  4. Click at the beginning of the line where you want your image to appear.
  5. Click on the upload/insert button above your blog post. Choose from URL.
  6. We now need the URL of the image, usually starts with farm4.static or something similar if a Flickr image
  7. We also need the link location which will start with flickr.com or similar

If using Internet Explorer

  1. Right click on image, then properties. Copy the image URL or address. Paste into URL area.
  2. Go back to image, and highlight the location of the image from the top of the page eg flickr.com etc, copy and paste into the link image to area.
  3. Choose where to align the image – I usually choose right .
  4. Insert into post.
  5. To give attribution, write Image: Source at the bottom of your post. Highlight Source and add a link to the flickr.com location you should still have copied on your clipboard.
  6. WOW! I have finally found an image, uploaded from the URL and given attribution.

If using Firefox

  1. Right click on image and copy the image location. Paste this into the URL area.
  2. Follow from step 2 for Internet Explorer.

I will create a screencast on how to upload and add attribution when I write the post about using flickrcc for your images.

Image: Source

How to: find and insert images

A post looks a lot more interesting if you have included an image, as long as it relates to the topic you are writing about.

But where can you get these images?

I’ll Google it

NO NO NO

Not every image on the web can be used in your blog. You need to find ones that have a creative commons license and then you need to give attribution to the owner of that image somewhere on your post.

What’s attribution?

A note to show that someone else took the photo and they have given you permission to use it.

But how can I know that?

Well check out my next few posts where I look at using Google advanced search, Flickrcc and Pics4Learning. Notice I have a link to each of these in my sidebar as well as other sites to get music, clipart and images to use.

In each post I will show you how to find and insert images to your posts as well as give attribution for the images. I will also mention how to do this using Internet Explorer and Firefox, because both need to be done differently.

Image: ‘A Picture Says A Thousand Words‘ by dullhunk