How to Embed a Google Calendar on Your Website
Use the free Google Calendar to manage and share a public-facing calendar on your website. Select Customize to change settings. You can also specify which elements show up on your calendar—like the title, print icon, or navigation buttons. The default size is 800 by 600 pixels. That size is fine for a full-size web page with nothing else on it; however, if you’re adding your calendar to a blog or web page with other items, you’ll need to adjust the size. Every time you make a change, the site displays a live preview. The HTML above your calendar changes as well. When you’re satisfied with your changes, go to the top of the screen, and under Embed code, copy (Ctrl+C or Command+C) the HTML. If it isn’t quite the size or color you had in mind, go back to Google Calendar and adjust the settings, but you’ll have to copy and paste the HTML code again. In this case, you’re changing the way the calendar appears on your page, not the events.
