Featured Blog: Angry Chicken
Featured Blog: Bittersweet Apothecary

Typepad 101: Displaying An Event Calendar On Your Blog

Do you have a tour coming up? Appearance dates to promote your new book?  Or upcoming yoga workshops you're teaching?

A quick way to share your upcoming dates with your readers is by including a Google Events Calendar either in your sidebar or as a link to a separate page.  (This is not the same as the Calendar module included in Typepad which helps readers look up blog posts by date.)

Screen Shot 2015-03-30 at 4.35.18 PM

If you have a Google account, you can get the embed code to display your Google Calendar on your blog. Open your Google Calendar and look for "My Calendars" on the left. Click the drop-down button next to “My calendars” and click “Settings.  If you have more than one calendar, click the link of the calendar you want to share.


There is a section titled “Embed This Calendar” which will allow you to customize how you want the calendar to appear on your blog. You can change the “width=800px” size to cater to the size of your column.

Screen Shot 2015-03-31 at 3.08.27 PM

Like adding other custom sidebar content, you can also paste this code into an “Embed Your Own HTML” module at Design > Content, so it can appear in your sidebar as shown above.

To display a larger calendar on your blog, you can create a Page to display a larger version of the same calendar.  Simply paste the same embed code using the HTML editor tab of the page.

Screen Shot 2015-03-30 at 4.52.56 PMAnother free calendar you can embed to your blog if you choose not to use Google is UpTo which also provides you with HTML to add to your blog.  Once you get their embed code, you can follow the same steps shared here on how to share it on your blog.

Do you have an event calendar on your blog? Do you use something else besides Google and UpTo? Let us know in the comments!


The comments to this entry are closed.