Creating your your first Opera widget

Everyone's gotta start somewhere...this article gives you a detailed step by step guide to creating, packaging and distributing an Opera Widget, complete with CSS styling and dynamic JavaScript behavior! Note that this is an update of the "Your first widget" article we had up here previously.

( Read the article )

I haven't read the whole updated article, but it still says that the extension should be '.wgt' which does not work in 9.2 (but does in 9.5). Only '.zip' works. You might want to mention that.

Looks like there is a space missing in the CSS example:

#container:hover.controlbutton {
  opacity: 0.3;
}

instead should be

#container:hover .controlbutton {
  opacity: 0.3;
}

The javascript mentions a wocbutton:

    // make WOC button open a browser window
    document.getElementById('wocbutton').addEventListener('click', function(ev){
      widget.openURL('http://widgets.opera.com');
    }, false);

Unfortunately, there's no wocbutton!