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.

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.

adoptpet1

 

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

adoptpet2

 

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?