Placing a Calendar on your Website

I use a Google Calendar to post my availability and booking schedule on my website. It's a free service that also lets you embed the calendar on your webpage or blog. You can control the size and color of the calendar so that it fits on your page nicely, and looks good. You can even link it to your phone's calendar application in many cases. I have an iphone, which lets me sync my google calendar so that any changes that that are made on it, either on the website or on my phone, automatically update the other in real time.

Here are a few steps to put a Google Calendar on your MySnowPro.com website.

1. Navigate to calendar.google.com and set up your own calendar.
2. When you are on your calendar page in Google Calendar, click Settings under My Calendars on the left sidebar.
3. Click the name of the Calendar you want to embed on your site.
4. A little ways down the page, there is a Embed Calendar section. It gives you the code here, but to fit on the MSP page, you'll want to customize it a little bit. Click Customize the color, etc. link.
5. I unchecked all the boxes except for "Navigation Buttons" and "Date".
6. This is important for MSP: make your size 520 pixels wide. I also made the height 400 pixels, which accomodates two rows of events on each day.
7. Select the code at the top and copy it, by highlighting the text and right-clicking and selecting Copy, or use Ctrl-C to copy the code.
8. To paste the code into a Page in MSP, open or create the Page, and click the far right "A" at the top of the editing screen to open "HTML Mode." This is important too - you must paste the code in to the page using HTML Mode, or your site will only display the code, not the actual calendar.
9. Save your Page.
   

At mysnowpro.com/greggdavis, I placed the code below my bio information on the Page I created that sits at the top of my home page. I created the Page and tagged it "@home" to make it stick to the top of my homepage, like it says in this tutorial.

On a side note, here's a good article on how to link your google calendar to your iphone.

Now your friends and guests can see when you're available!