Tutorial: Embedding Google Calendar

January 1, 2011

Tutorial: Embedding Google Calendar

January 1, 2011
Happy New Year! In keeping with the holiday, I thought I would write about calendars today…digital ones, that is! These calendars are great tools to embed on your website or blog. And, if you already have a GoogleDocs account, setting up a calendar is a snap.

And in a few short steps, you can customize your calendar and let your students and families know about upcoming tests, fieldtrips, project deadlines, and more.

The first thing you’ll need to do is get a free GoogleDocs account, if you don’t have one already. This is important not just for the calendar, but also so you can download files here on Ladybug’s Teacher Files! 🙂

Then, head to Google Calendar. You will be able to start adding events right away. You can have multiple calendars if you’d like. You can also choose colors for events and tasks.

Once you have finished entering your events, you are ready to try embedding the calendar.

First, head to Calendar Settings (located in the drop down menu at the very top, right-hand corner of the page):

You will see a page that looks like the image to the right. There are more options for your calendar here.

To get the code to embed your calendar, click on the Calendar tab (next to the General tab at the top of the page).

You will see a list of calendars you can share. Choose the calendar you would like to embed on your website (mine is Calendar Sample):

Now, be sure you are on the Calendar Details tab:

Scroll down this page until you see Embed this Calendar:

The code is already all set for you to embed right into your website, or you can click the Customize the color, size, and other options link. I had to do this for my calendar, to make it a bit smaller (so it could fit on my blog page).

If you choose to customize your calendar further before embedding it on your website, here are some things you can alter.

This menu will let you select what you’d like to show on your calendar.

You can choose how the calendar will display (weekly, monthly, or an agenda format).

You can alter the size as well, as mentioned above.

There are must customizations available. There is also a preview image of your calendar, so you can see how these alterations look.

Once you have finished customizing, be sure to click the Update HTML button (top, right-hand corner of the page). Then your code will be all set to embed in your website.

If you are using Blogger, all you will have to do is enter your HTML code under the Edit HTML tab in your posting box:

Would you like to know what the best part is??

Once you have embedded the calendar into your webpage or blog, you don’t have to alter it again.

When you want to add events or tasks, you just have to go to your Google Calendar and enter everything there. It will automatically transfer over to your embedded calendar. How cool is that?!

Best wishes for a Happy New Year! Thanks for reading everyone!

No Comments

Leave a Reply


  • Maine 💙 #teachersummer #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • Packing for the beach! I’m trying to stuff a few more books into my suitcase if I can...have you read any of these yet? #teachersonbreak #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • Do you have magnetic whiteboards in your class?⠀⠀⠀⠀⠀⠀⠀⠀⠀I LOVE mine...I only wish all of my walls could be filled with magnetic whiteboards! 😂 This year, I started using a little magnetic tool to save lots of time...and to avoid repeating information over and over.⠀⠀⠀⠀⠀⠀⠀⠀⠀I made these little due date magnets and they help in two ways. They hold extra assignments, forms, and work samples.⠀⠀⠀⠀⠀⠀⠀⠀⠀And...⠀⠀⠀⠀⠀⠀⠀⠀⠀They display the due date! Swipe to see some pics from our class. These little magnets kept me MUCH more organized this year...and they kept my fourth graders in the know!⠀⠀⠀⠀⠀⠀⠀⠀⠀They are the perfect (easy) summer project for a rainy day...that’s actually what I’m doing today! 🌧 If you would like to see more, the link to this resource is in my profile (http://bit.ly/duedatemagnets)⠀⠀⠀⠀⠀⠀⠀⠀⠀#classroomorganization #classroommanagement #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • So I managed to avoid shoving things into random places...mostly 😂 #classroomorganization #kindof #randompaperplates #andnapkins #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • All packed up and ready for summer!! 😅 Best wishes to my friends still wrapping up their school years! #summertime #canbarelymove #classroomorganization #iteachfourth #iteach4th
  • Two of my dear friends and colleagues retired today. I worked on teams with both over the years (one in 4th and one in 5th) and they’ve both been my next door (classroom door) neighbors. They’ve taught a combined total of 74 years!!⠀⠀⠀⠀⠀⠀⠀⠀⠀We had an outdoor luncheon on our school patio to celebrate their years of dedication to our school. The theme was beachy/nautical and it was so fun to set up...I found most of the decor at the Dollar Tree! We had tons of candles, shells, flowers, and a fishnet with class photos from over the years. (Don’t mind the masking tape on the table in that last photo, it was a bit windy 😂). ⠀⠀⠀⠀⠀⠀⠀⠀⠀It was a happy and sad kind of day 💕 #retiringfriends #cantimagineschoolwithoutthem #teachersfollowteachers #teachersofinstagram

Follow @ladybugsteacherfiles