Using images and visiting

Week 3 of the student challenge was using images. So today’s activities are:

  1. Create a jigsaw puzzle from an image and add it to a post on your blog
  2. Visit other children’s blogs to leave comments

Create a jigsaw – make sure you have saved an image to use on your computer

  1. Visit the following website
  2. Click on create in top bar
  3. Select image that you have saved on your computer that you want to make into a jigsaw
  4. Decide how many pieces, what type of pieces and whether they rotate or not
  5. Give the jigsaw a name and then click create at the bottom

Now you need the code to embed on your blog

  1. Top right corner is Share – choose the option of embed
  2. Now to the bottom of the page where it says Game
  3. Select the code underneath and copy it
  4. Back to your blog and start a new post
  5. Top right corner of writing area is Visual or Text – choose Text
  6. Paste into the writing area the code you copied earlier
  7. Save draft
  8. Check by right click preview to see if the puzzle is there
  9. If yes then submit for review or publish.
  10. Next time you start a new post, you will need to make sure it is in Visual not Text – only use Text when embedding code.

Visiting other blogs

Check out the jigsaw puzzles and stories that need an ending from the students listed below. Visit 1 from each group and leave a comment. Remember to include the URL of your blog in the comment, so they can come and visit you as well.

Some great stories to finish:



Some jigsaw puzzles to try are found here:

Mai ThaoVinceVan AnhBrandonIsma3elJoriAnusha,

Let’s add an image


drzoidbergh via Compfight

Students in Mr Samphier’s class already know how to use the compfight plugin so this will be a refresher for you. But students in 4BC, you will need to do the following:

  1. Go to dashboard of your personal blog
  2. Look down the left for settings> hover over it and click on compfight (should be at the bottom)
  3. This will open a new window . Make sure you change the small size image to 240 on longest side
  4. Finally go to bottom of page to Save settings blue button again

You are now ready to start adding creative commons images to your blog posts.

This week’s task

To practice adding an image to your blog post, I would like you to write a post about your favourite animal.

  • Describe it
  • Where does it live?
  • What does it eat?
  • Why is it your favourite?

Now you have written the post in your own words (and saved the draft) it is time to add the image. Read the 7 instructions before doing it

  1. Click your mouse cursor (black line) in front of the first word of your post. Press enter once.
  2. Now put cursor in the empty space above the post you have written. This is where your image will appear.
  3. Above the post area icons are two little buttons – add media and compfight
  4. Click on the compfight button
  5. In the keyword area type in the animal you have written your post about eg elephant or gorilla or crocodile or ….
  6. Click the search button
  7. A lot of images will appear. When you have decided the image you want in your post, click on the S underneath the image.

Your image will now appear on your blog post with a few symbols and words after it. These symbols and words are the ATTRIBUTION for the image – it tells who owns the image and where you got the image from.

  1. Very carefully put the cursor immediately after your image and before the symbols. Click the cursor in place.
  2. Make sure the image doesn’t have little squares in the corner. You just have a long cursor line on the right hand edge of the image before the words.
  3. Now hit enter again so the symbols and words are on a new line.
  4. Highlight the image and symbols/words then decide if you want them to appear on the left, centre or right. Click the icon you need.
  5. Save your draft again.
  6. Preview your post (next to save draft button) – this will now show you what the post will look like on your actual blog.

Adding categories and tags

So your readers can easily find posts you have written, you need to learn how to add categories and tags. These are found on the right side of your post area.

Categories – you might want to include schoolwork, favourites, 17SBC, family and whatever your passions might be eg stamps, flowers, bushwalking, minecraft etc

To add a category, click on Add new category> in the box which appears write in your category then press the add new category button. Notice the category will now be in a list with a tick in the box in front. If uncategorized is also ticked, click in the little box to untick it. So for this week’s task, you might have the category animals or favourites or you could have both of them as categories.

Tags – these are like the keywords you search with – science might be the category and the tags could be magnets, magnetism, microscope, energy, power and so on. This week’s task means your category could be animals or favourites but the tag will be crocodile or gorilla or elephant etc.

To add a tag, write your tag in the box and click the Add button. You can add as many tags as you want that relate to the post you have written but tags are generally single words not phrases.

Now it is time to send your post in for reviewing by your teacher – the big blue button on the right side.


You know how to add a creative commons image to your blog post and how to add the attribution as well. This will be marked as one of your own blog posts on the work completed spreadsheet. Leaving a fantastic comment – correctly spelled and punctuated, including capitals and paragraph if needed – will mean this is also marked off on your work completed under comments.

Leave a comment:

What was the hardest part about adding an image to your blog post? Why do you think it is important to add an image of some sort?

How to … create a Voki

A Voki is like a talking avatar. Follow these instructions to create your own Voki and add it to your blog sidebar or in a post.

Visit the Voki website here

Click on create


This will take you to the Voki dashboard


Start customizing your character


  1. Choose your person by
  2. Moving the arrows across to find a group that you want eg anime, politics, holidays
  3. Do you want male, female or all choices?
  4. Scroll up and down if there are more than 9 choices – you can’t choose one with a hat in the right corner as these are for the paid version of Voki
  5. Finished the type of person, now head back to the top to choose clothing
  6. Last step is choosing bling like glasses, lipstick etc
  7. Finished – click done

Now it is time to give your character a voice


As you are in Australia, you don’t use the telephone but you can

  1. type the text
  2. use an inbuilt microphone or attach a microphone
  3. add an audio file you have already created
  4. When typing your text, make sure it is correct spelling and punctuation as this will make a difference when the Voki speaks.
  5. Click the arrow to play back the text as you go
  6. Choose the accent or language you will be using
  7. Choose the voice – male/female Aussie/English/American etc
  8. Finished – click done

Now for the final touches – tweak your colours


Choose the background you want for the Voki


Decide on the colour theme of the Voki player before you add it to your blog.


Now it is time to share your Voki

  • Click Publish
  • Give a name to your scene and save
  • When the email screen comes up click on No thanks then close on the next screen
  • Choose the size of your Voki
  • Copy the code making sure you scroll down to get it all

Adding Voki to a post

  1. Start a new post
  2. Put in the title
  3. Click on Add Media button above the post writing box
  4. On the left hand side choose Insert embed code
  5. Paste in code in the box then bottom right corner Insert into post
  6. Your post writing box area will now have a grey square

Finish writing your post explaining why you created the Voki and what it is about. Include a link to the Voki website as well so your readers can visit and have a go for themselves.

Adding Voki in sidebar

  1. Go to dashboard> widgets
  2. Drag a text box up to the sidebar area
  3. Paste in the code in the box
  4. Give a title to your text box
  5. Save



Creating a poll

So you want to ask your readers to vote on something like favourite music or favourite animal. I have been looking for a great web 2.0 tool you can use easily and embed in your blog.

Here is my poll about blogging.

What do you enjoy most about blogging?

What do you enjoy most about blogging? free polls

How to create a poll

Step 1. Here is the website to visit.

Step 2. Make sure you make all your changes on the left hand side before hitting the big blue button. You can see on the right hand side what your poll will look like as you make the changes.

Step 3. Once you hit the blue button, you will then have a choice of tower or drop down embed code. Choose tower and copy the code.

Step 4. Return to your blog post which you have already written (including tags and categories). In the top right corner, change from visual to text or HTML and paste in your code.

Step 5. Hit the submit button immediately then close your post page. DO NOT change back to visual. Do that next time you open a new post.


I noticed that the poll looks different from the edit post area and what actually appears in your post. I will have to work out how to change this.

Adding widgets

In this week’s lesson, you each added a clock widget to your sidebar. Here are the steps you followed, in case you need to change the clock:

  1. Open student blogger’s blog and right click open in a new tab on Miss W’s clock in the sidebar.
  2. This takes you to this website. In the top header, hover over free fun and click on  make a clock for your site.
  3. Make any changes you need to the clock and keep clicking on Continue.  You can see what the changes are as you make them by looking at the clock on the right.
  4. When you have finished creating your clock, you need to copy the embed code. This is also called HTML code.

Now come back to your blog dashboard> appearance> widgets to embed the code in a text box which you have dragged across to your sidebar area.

Put in a title for the widget them paste the embed code and save.

There are many different widgets you can add to your sidebar. They all work the same way – create the widget on their website, copy the embed or HTML code then come back to your dashboard and add the code in a text box under widgets. If you can’t find the embed code easily look for these words or icons:

embed code      HTML     publish     share    application,xml,code,html

Try now to create one of these widgets:

Here is a video about how to create a Voki, start at about 1.00 minute.

Visit other student blogs to see what widgets they might have like a flag counter, bookshelf, brainpop riddle, wonderopolis question.

Can you find any other great widgets to add to your blog sidebar?

Write a post about widgets.

Creating with Animoto

Today we are going to make a practice animoto.

You will need at least 4 photos which you have saved on your computer.

Now check out this video and page of information from Animoto website.

You should have received an email with your email/password for animoto. Check your school email.

Login at this link.

  1. Choose a style for the video
  2. Upload your images/photos
  3. Add text
  4. Rearrange to order you want
  5. Change your music
  6. Check the settings to personalize your slideshow
  7. Preview and produce – I will get an email when it is ready to be embedded on your blog

We will do that next week after you have created your own animoto

  • about your holidays
  • your favourite things
  • your family

What other things could you create an animoto about?

Sue's Video



How to … add a cyber pet to your sidebar

Here is a post with step by step instructions for adding a cyber pet as a widget on your blog sidebar.

1. Go to this website

2. Choose the pet you want by clicking on it.

3. Now customize your pet by changing colour, adding a name for the pet and putting in your name as the adopter.  You should be seeing on the left of the page what your changes will make your pet look like. It wont accept Capital Letters for names though.



4. Now choose other sites and click on copy code button.



5. Now the last step is to copy the code into your blog widget area. Go to your blog dashboard> appearance> widgets

Drag a text box to the sidebar where you want the pet to appear. Put in a title if you want and paste in the code that is on your clipboard – use control V.

Save and then close. Go to your blog, refresh the blog and you should now have your pet in the sidebar.


What other widgets would you like on your blog?


How to … add links to sidebar

You have started visiting other students and classes and there are some you want to go back and visit often. Or you have some teachers leaving comments on your blog  and you want to visit their class blog easily. You want to get to our online classroom  or student bloggers blog quickly.

How do you do that?

Answer: You add a link from their blog to your blogroll on your sidebar.

Step 1. Decide on some categories for your links eg Get Help, Global Classes, Global Students, Tasmanian Classes, Favourite Websites

Step 2. Dashboard> links> link categories Fill in the name, click the add link category button and make sure it appears on the list on the right hand side. Repeat this for each category.


Step 3. Now to add your actual links to the blogs.  We are going to add the link to our online classroom first. We will put it under the category Get Help.

Step 4. Go to student bloggers blog, down the sidebar to find the link for the online classroom. Right click on link then copy link location or copy shortcut if using Internet Explorer.


Step 5. Dashboard> links> add new

(1)Type in the name, (2)paste in the web address, (3)choose category to add it into then (4)click big blue add link button.


Step 6. Adding other links is very similar. Go to your class blog. Copy the URL from up in the address bar. Come back to your blog and follow step 5 again.

Step 7. Some themes don’t allow you to group your links into categories. Instead they are just listed in alphabetical order.

Step 8. Refresh your personal blog. Have the links shown up in the sidebar? If they haven’t, dashboard>appearance> widgets and drag across links.

Make sure you have added at least five new links to your blog : online classroom, students as bloggers blog and three others. Have at least one in each link category.