Things You'll Need:
- Computer
- Internet Access
- FREE Google account
-
Step 1
FREE AccountStart the Google calendars web site (http://calendar.google.com) and sign on. If you have not yet created your own Google account, sign up now for a free account that may be used for Google Mail (Gmail), Google Calendar, and other Google applications.
-
Step 2
Multiple CalendarsIf you have yet to create your calendar(s), create a new calendar now. Note that you may have multiple calendars, if needed (and each may be color-coded to make visual distinction easy). Since embedding your calendar in a web page means you’ll be sharing it with the world, you may want to create a new calendar to contain only the events you want exposed (rather than use your personal calendar).
-
Step 3
Calendar SettingsBefore you can embed a calendar into a web page, you must first make the calendar public. Click Settings (top right of window), then choose Calendars.
-
Step 4
Enable SharingNext to the name of the calendar you want to make public, click the option to enable or edit Sharing.
-
Step 5
Make PublicCheck the box to “Make this calendar public”. Note that your calendar details may now be embedded in a web page. By making the calendar public, the data for events is also visible to search engines.
-
Step 6
Add Friend's CalendarIn addition to creating your own calendars, you may add a calendar that is owned by another user (if they have opted to make the calendar public). Simply click the Add link below your list of calendars, then select "Add a Friend's Calendar". Enter the e-mail address to add the shared calendar.
-
Step 7
Add Public CalendarAnother source of calendars are published public calendars. You may add these calendars by clicking Add below your list of calendars, then select “Add a Public Calendar”.
-
Step 8
Select the desired Calendar from the list. To return to your own calendar, click “<< Back to Calendar” at the top left of the window.
-
Step 9
Calendar Settings
Once you have created or added the calendar(s) you want to publish, click Settings (top right of window). Then click Calendars.
-
Step 10
Next, click the name of the calendar you want to publish. If you want to publish multiple calendars at once, just click any one of the names for now. You'll be able to select all calendars you want embedded in Step 12.
-
Step 11
Calendar Details DialogAt the Calendar Details dialog, next to the section entitled "Embed This Calendar", click "Customize the Size, Color, and other Options".
-
Step 12
Customize Embedded CalendarOn the Google Embeddable Calendar Helper screen, you may customize how you want the calendar to be displayed. Also, you may check or select the calendar(s) you want to include. Note that you may select multiple calendars, if desired.
-
Step 13
Copy HTML code...Once you've selected all the options as desired, click "Update HTML" (usually isn’t necessary since the HTML is updated automatically when you make changes on this window), then copy the text in the HTML window.
-
Step 14
Paste the text copied in Step 13 to your web page, where desired. Your Calendar will now be displayed on your web page, reflecting the latest calendar data from your Google calendar(s).
