Wednesday, October 14, 2009

How to use widgets or add them to Blogspot

Over the past few weeks, I've been working with Bloggers improved API for Gadgets and have now completed work on several useful gadgets which can be installed with just a few clicks.

I've found that the Gadget API offers a much better interface to the end-user than HTML/Javascript widgets (although it takes me far longer to create Gadgets than widgets!). While they are a little more difficult to create, I think the end-product is worth the effort:

  • Gadgets can be added from within the Blogger dashboard (so we don't need to use search engines, or visit the owner's site to install).
  • Gadgets are easily customized, and can be easily reconfigured after installation
  • The new API includes the ability to include Blogger post and comment feeds for the blog in which they are installed.
  • Developers can ensure gadgets blend with the theme in which they are installed using "Skins" parameters.

How to install Gadgets in your Blogger blog

Gadgets are as easy to install as Blogger's default widgets. Simply go to Layout>Page Elements in your Blogger dashboard and click the "Add a Gadget" link in the area where you want to install your gadget.

A pop-up screen like this will appear:

From here, you can browse gadgets in the directory, search for gadgets of interest, or add a gadget using the URL where it is hosted.

Once you have chosen a gadget to add, you should be presented with a configuration screen like this:

There will be different options here, depending on the gadget you have chosen to install. This example shows the configuration options for my Twitter Updates gadget.

At the very least, you should be able to alter the title of the gadget, however most gadgets have other configuration options available. A preview of how the gadget will look in your blog will appear below these options (do bear in mind that the width of the gadget may be wider when displayed in your blog if the area in which it is added has larger dimensions than the preview screen).

Once you've changed any settings, be sure to click the "Update" link in order to see the changes appear before you save. The gadget will then appear in your blog, and it's position can be changed in the Page Elements section of your dashboard.

Blogger's Featured Gadgets

The Blogger team have created The Featured Gadgets blog which details gadgets of particular interest. Some of these gadgets are also included in the Featured Gadgets section of the Gadget directory (available when you choose to add a new gadget through your dashboard).

I'm thrilled to find four of my own gadgets are "featured": Recent Posts, Recent Comments, Picasa Photostream and Twitter Updates, and look forward to seeing the efforts of other Blogger developers in the future.


Elegant de BlogMundi