Widgets and HTML code

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.

Activity 8 – Widgets

Chumby - TimeThere are hundreds of different widgets you can add to the sidebar of your blog. But you need to think about the design of your blog as well.

  • some widgets are noisy- music, games, pets
  • some take up a lot of space – games, shelfari
  • some distract your readers – noisy games

There are some widgets I would like to see on your blog and these are provided by Edublogs so are easy to add to your sidebar.

How to add Edublogs widgets

  1. Go to blog dashboard> appearance> widgets
  2. Open your sidebars
  3. Now just drag and drop into the dotted boxes
  4. Move widgets around, just drag and drop within the sidebars

Widgets to add: class blogs, links, recent comments (10), recent posts (10), categories  If you can already see it in the sidebar, don’t add a second time.

You want to add a pet to your blog? Follow these instructions.

Here is a post showing many other widgets you could add to your blog sidebar. The instructions for adding the code is found at the bottom of the post.

When visiting other blogs from classes or students, which widgets did you find distracted you from the posts on the blog?
Photo Credit: William Hook via Compfight