Thursday, June 12, 2008

Shared Google Calendar

Google Calendar is a fantastic tool for sharing information with others. To demonstrate how that works, I've created a Google Calendar version of my "Latin Proverb of the Day," where there is a Latin proverb "all-day event" for each day of the year. Hopefully you'll be able to see from this example just how you can shared any kind of calendar with others, either a convential calendar with real events and times, or an unconventional calendar, like these Latin Proverbs.

First, you will want to log on with your Gmail identity at Google Calendar. You can create as many calendars as you want, both public and private. To create a new calendar, just click on Create New Calendar under the My Calendars area:

Go ahead and create events on the Calendar one by one. (In tomorrow's post, I'll explain how you can upload multiple events all at once using an Excel spreadsheet.)

Then, in order to share the calendar, click on the Manage Calendars link at the bottom of the My Calendars area.

You should see the name of the calendar you have created; click on that calendar in order to access the settings.

There are several tabs available, including Share This Calendar.

Click on Share This Calendar. Now click the box to Make This Calendar Public.

Now you can get the address of the calendar, and also the HTML code you need to embed the calendar. Click on the Calendar Details tab, and scroll down to where it says "Calendar Address." Click on the HTML link.

A window will pop up showing your calendar address. Click on the address, and it will take you to a webpage which displays your calendar, with all the configuration options (Month-Day-Week-Agenda, etc.). This is a public address that you can share with anyone. (The address is admittedly long, so you can use to make it small!)

For each event, you can click on the item in order to see the details. Here's an example of event details viewed from the Agenda format:

In addition to this webpage version of your calendar, you can also get the HTML code you need to embed the calendar in a webpage. Just go back to Calendar details, and look for the Embed This Calendar option.

Click on the Customize link to configure all the options - height, width, Month-Day-Week-Agenda view, colors, etc. When you are done, just cut-and-paste the resulting HTML code into your HTML-editor.

For example, here in my blog, I just click on the Edit HTML tab in order to insert this code.

And here is the result! :-)

Some dynamic content may not display if you are reading this blog via RSS or through an email subscription. You can always visit the How-To Tech Tips blog to see the full content, and to find out how to subscribe to the latest posts.