Adding a Google Calendar to your Blog

I found this fantastic "Widget" or Gadget in Blogger.  Add a Google Calendar.  There are a few ways of doing this, but I've used two of them.

1. You can add either add an entire Goggle Calendar to your blog or website, or
2. Add a summary of Up Coming Events, say the next 5 Events listed in your club's Goggle Calendar (5 can be changed).

I've added both our my Club's Blog site, the entire Goggle Calendar is found at the bottom of the page, and I've added 2 separate Google summary Calendars to the upper right hand side (The first one being the next 5 Forthcoming Events [which automatically deletes old events and adds new ones], and a Special Events Summary of the next 5 Birthday's and Anniversary's of Club members and spouses.

Check them out at
http://paoptimists.blogspot.com/

To add the big monthly calendar to your website or blog, requires a public calendar in Google Calendar.  Google Calendar will generate the html code for you to add to your website, after you have made any tweaks (size, shape, color, monthly, weekly, and such).

In Google Calendar, you must choose your Goggle Calendar to be shared (I have several), and click "Calendar Settings".  Remember this must be a public Goggle Calendar to work, so you must turn this on in the Calendar Settings, which does make the Goggle Calendar visible to search engines.

If you look down, you will see "Embed This Calendar", right next to a small calendar.  On the right side of the small calendar, you will see "Customize color, size and other options", which lets you do some customizing.  After you have customized the Goggle Calendar the way you like it, click "Update HTML".  Then "Copy and paste the HTML below to include this calendar on your webpage", copy this code.

This is the code you place in your webpage, or into your blog.  In to your blog, you need to pick a new "widget" (add a gadget).  You need to pick "HTML/Java Script".  Cut and paste your Google Calendar Html into it.

You have added a large Google Calendar to your blog.

To add a Summary of the next 5 Events, you will add another "Widget" or add a gadget.  Do a search for "Events", and the first one to come up in the search will be "Forthcoming Google Events Calendar".  Choose it.

It will ask for a "Email address, or unique *@google.com address (where * is the unique ID for your calendar)", you find this in your Google Calendar, under "Calendar settings".  Below "Embed this calendar" is "Calendar Address"  To the right of this you will find "Calendar ID:" *@google.com, cut and paste this Calendar ID into the "Widget".  Pick the number of items to be displayed, I used 5.  Change the Title is you want.  Click "Save".

You should now have a small summary of the next 5 events in your Google Calendar.

If you have questions on Google Calendar, I'll be making up a quick guide for it next.