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


  • The beginning of ALLLL the due dates!! Our spring break is starting this weekend and I know I’m going to come back to a whirlwind of permission slips, forms, and project papers to keep up with!So I’ll be using these magnets to keep all of our due dates posted (and to save myself from the endless questions of when things are due!). If you’d like to see more about the magnets, please see the link in my profile (http://bit.ly/duedatemagnets)Are your due dates starting to intensify yet?#somuchtodo #classroomorganization #classroommanagement #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • My heart could just burst with happiness today. We’ve worked so hard as a community of readers this year to read as much as possible, in all the extra minutes we can find in our day.Today was our fourth grade Water Fair. The students had to present their projects in front of judges and wait patiently for the semifinals and then results...for several hours.It was a long morning for them.But I watched as so many happily pulled out their current reads while they waited, thrilled for all of the bonus reading time. ❤️❤️❤️ #fullheart #communityofreaders #readersgonnaread #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • Giveaway Closed...congrats @ccbahr!I just listed a new resource that has really made a difference in our class.I’m sure I’m not alone in this...our list of due dates is HUGE right now!! So I’ve been keeping track of all our forms and assignments with these little magnets. They have been SO helpful for my students...and me, honestly (I can lose track of things so easily these days!). Would you like to win a set for your class? You can earn two entries by doing the following:1. Comment with an emoji that shows your feelings about due dates right now.2. Comment again and tag a friend for a second entry.I’ll announce the winning name later this evening! The link to this resource is in my profile if you’d like to see more about it (http://bit.ly/duedatemagnets)#classroomorganization #classroommanagement #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • Magnet love!! 🧲❤️ I’ve been using these due date magnets to help organize our important papers and keep those deadlines posted for my students and (let’s be honest) me as well!Because this is the time of the year when so much is going on, so much is due...it becomes very easy for a teacher to get overwhelmed with projects, permission slips, order forms, and more!So now I post our papers, write the due date with a vis-a-vis marker and there it is...an easy-to-see visual reminder that keeps my class and I on track.I’ll share more from this board soon...we have some other resources that are keeping my fourth grade class a little more organized during this busy season!How do you like to keep track of due dates in your class?#classroomorganization #classroommanagement #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • My mind has been a jumble of thoughts this Sunday night, so I'm turning to google slides to help plan things out.⠀⠀⠀⠀⠀⠀⠀⠀⠀This week, for example, we need to work on a couple of our routines that have become less...routine. 😬⠀⠀⠀⠀⠀⠀⠀⠀⠀This slide will give us a chance to have a chat and share strategies on keeping a clean workspace. Plus, it has visuals of how our tables should look, which is always a huge help!⠀⠀⠀⠀⠀⠀⠀⠀⠀Have you tried this with your class before? I think it will be a great reminder for my students this week!⠀⠀⠀⠀⠀⠀⠀⠀⠀#classroommanagement #classroomorganization #iteachfourth #iteach456 #iteach4th #teachersfollowteachers #teachersofinstagram
  • I may have experienced a momentary feeling of dread when I saw Monday’s date as I left yesterday. 😂⠀⠀⠀⠀⠀⠀⠀⠀⠀But...I absolutely ADORE these magnetic numbers. I learned about this awesome time-saver from @twoteachersinfifth (Brooke and Leah always have the best ideas!!).⠀⠀⠀⠀⠀⠀⠀⠀⠀And seriously...this is the first time in my seventeen years of teaching I haven’t routinely forgotten to put the date on the board. It’s a student job to keep it updated...but even if my fourth graders occasionally forget, it just takes a moment for me to do.⠀⠀⠀⠀⠀⠀⠀⠀⠀I keep the numbers in a little photo storage box by the front whiteboard. The magnetic numbers are by Teacher Created and can be found on Amazon. (https://www.amazon.com/dp/B00ZVQUS0K/ref=cm_sw_r_cp_api_i_i0-NCb0HNXCA8)⠀⠀⠀⠀⠀⠀⠀⠀⠀I love how easy these numbers are to see from anywhere in our room...and of course the time they save!!⠀⠀⠀⠀⠀⠀⠀⠀⠀#teachertimesaver #classroommanagement #classroomorganization #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram

Follow @ladybugsteacherfiles