Creating a custom google calendar and embeding it in your website 

Sometimes you need to keep customers informed about what is going on, and provide them with a claendar of furure events.. 
 
Using a custom google calendar, you can place furture events and detailed explanations quickly and simply. 
 
This quick overview will tell you how to create the calendar and what to do with it once you have created it. 

Things you need to create a custom google map 

Things you will need 
 
a gmail account - you just cant get away from having one. google is everywhere 
 
.... and thats about it really ... so if you havent got one go here and create one. 
 
Oh yes, and by embedding the calendar, and not copying it you are not in breach of copyright ... happy days :) 
 

How to create and embed your custom calendar 

On a computer, open Google Calendar. You can only get the code to embed in your website from a computer, not the mobile app. 
In the top right, click Settings settings gear button > Settings. 
Open the Calendars tab. 
Click the name of the calendar you want to embed. 
In the Embed This Calendar section, copy the iframe code displayed, this will look something like: 
 
<iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=q6j15c6jm34eknpthp8gtiqc5s%40group.calendar.google.com&amp;color=%2329527A&amp;ctz=America%2FNew_York" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe> 
 
The Itseeze editor has an embedded iframe component, at the bottom of the "Structure" tab, you will have to scroll down to see it ..... 
Place the iframe in the position that you want it to appear 
paste the code you copied from Google maps, but edit out the iframe references so that it looks like this: 
 
https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=q6j15c6jm34eknpthp8gtiqc5s%40group.calendar.google.com&amp;color=%2329527A&amp;ctz=America%2FNew_York" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no" 
Your embedded calendar will only be visible to people you've shared it with. To allow all visitors to see your calendar, you'll need to make it public.. 
back into google calendar, open the Share this Calendar tab. 
Check the option Make this calendar public. 
 
There are many other options you can set in Google Calendar, full details can be found here https://support.google.com/calendar/answer/41207?hl=en  
 
One other thing, if you give your calendar a name in the Google settings, keep the iframe height in the itseeze editor to that specified in the calendar (default is 600 pixels) then the calendar name will be shown, otherwise it "vanishes". You may need to play around with this setting in the iframe component of the itseeze editor depending on the width of the compnent on your page.