The best option for adding a calendar to your blog is to using a Google Calendar.
Google Calendar is a free web-based calendar which you can use for keeping track of important events in one place from any computer or mobile device anywhere. Here’s the instructions for setting up a Google calendar.
Google Calendars are normally added to either:
- A page.
- A text widget in your blog sidebar.
Embedding a Google Calendar is your sidebar is a good option but it does make the calendar small.
The best option for embedding a larger calendar is to embed it into a page.
Here is how to add a Google Calendar to a page:
1. Completely write your page including adding title, any text and images.
2. Click on Save Draft, previewed your post and make all necessary edits.
3. Click on Preview to previewed your page.
4. Check your page and make all necessary edits.
5. Go to Calendar Settings in your Google Calendar.
- Here’s the instructions for setting up a Google calendar if you haven’t use Google Calendar before.
6. Click on Customise the color, size and other options next to Embed this Calendar.
7. Choose which options you want to Show on your calendar (1), the default view (2), adjust the width and height (3), select the Week Starts on day(4). and which calendars (5) to display when embedded.
- Maximum width for pages on most themes is 450 pixels wide.
- Agenda is often used as default view as it displays the event details nicely when embedded.
8. Click on Update HTML (1) and then copy the HTML code (2)
- TIP – place cursor in HTML box, hold Ctrl and then press A to select all the HTML code then press Ctrl and C to copy.
9. Click on HTML Tab on your page editor.
10. Paste the embed code into your page where you want it to appear then click Publish.
- Don’t click back to Visual Tab before hitting Publish as it can break the embed code.
- Immediately close your page once you’ve published.
- Change back to Visual Editing mode when you write your next page by clicking on the Visual tab.
11. When you view the page on your blog you will now see your Calendar embedded.
12. Please note if your readers see the message you don’t have permission to view this calendar it means you didn’t make your calendar public and you need to change your Calendar Settings to Public by going to the Share this Calendar tab.