Calendars

=choose from a variety of calendar widgets= || media type="custom" key="12666148" || media type="custom" key="12491192" || media type="custom" key="12491202" ||
 * =New Zealand Calendars = ||
 * =Calendar Widget=

=Choose from=
 * =Calendars = ||
 * =Calendar Widget=
 * =Holiday=
 * =Religious=
 * =Sport= || media type="custom" key="12666202" || media type="custom" key="12491278" ||
 * = Animal Calendar= || = Dogs and Cats= || = Scenic Calendar= ||
 * media type="custom" key="12684098" || media type="custom" key="12684176" || media type="custom" key="12684230" ||


 * Create a calendar of school/class events using Google Calendar and Embed into a wiki page **

= Sign in and click on More - Calendar = || || = Click on Edit = = Click on the Embed Widget =
 * = Go to http://google.co.nz =
 * = To create a new calendar, click on My Calendars and click = || [[image:wheretostartwithwikisandblogs/Screen_Shot_2012-02-01_at_1.09.32_PM.png]] ||  ||
 * # = Type in a name for a calendar =
 * 1) = Choose your country =
 * 2) = Choose your time zone =
 * 3) = Click on Make this calendar pubic =
 * 4) = Click on Create Calendar = || [[image:wheretostartwithwikisandblogs/2011-04-13_1620.png]] ||
 * = Click Yes on the next window. Your calendar has to be public if it is going to be viewed on the wiki or blog. = || [[image:wheretostartwithwikisandblogs/Screen_shot_2011-04-13_at_4.25.15_PM.png]] ||
 * # = Click on the arrow next to your calendar name =
 * 1) = Click on Display only this Calendar =
 * 2) = Click on Calendar Settings = || [[image:wheretostartwithwikisandblogs/2011-04-13_1633.png]] ||
 * = Click on Customise the colour, size and other options = || [[image:wheretostartwithwikisandblogs/2011-04-13_1639.png]] ||
 * # = Type in a title for your calendar =
 * 1) = de-select the options you don't want =
 * 2) = set the default view to Month =
 * 3) = set your width an height =
 * 4) = Select Monday for Week Starts On =
 * 5) = Choose a Background Colour and click to add a border =
 * 6) = Click on Update HTML, copy the code = || [[image:wheretostartwithwikisandblogs/2011-04-13_1644.png]] ||
 * = Go to your wiki =

|| =As you update your calendar in Google Calendar all changes will appear in the calendar on your Wiki site, you may need to refresh the page to see new changes. = media type="custom" key="12725612"
 * 1) = Click on Other HTML =
 * 2) = Paste the code =
 * 3) = Click Save = || = [[image:wheretostartwithwikisandblogs/embedwidgeticon.png]] =

Add a Google Calendar Widget to your Blog 

=Saw this great idea on [|Sarah's blog], adding a **Google Calendar** widget to the side panel in a blog. = =Go to your **Google Calendar** = 

=1. Click on the drop down arrow next to your calendar = =2. Click on Share this Calendar =


 * = [[image:http://1.bp.blogspot.com/_fAJ1_x5EGq8/TK_YkCIjSMI/AAAAAAAACi8/R-V5Wzgo0a4/s200/2010-10-09_1553.png]] ||
 * = 3. Click on Calendar Details = ||

=4. Scroll down to Embed this Calendar and click on Customise the colour, size and other options = = = =5. Deselect Print icon, Tabs, Calendar List and Time Zone = =6. Click on Agenda =

=<span style="background-color: #ffffff; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 22.4px; text-align: start;">7. Change the width to 250 pixels = =<span style="background-color: #ffffff; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 22.4px; text-align: start;">8. Change the height to 400 pixels = =<span style="background-color: #ffffff; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 22.4px; text-align: start;">9. Change the ' Week starts on ' to Monday =

=<span style="background-color: #ffffff; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 22.4px; text-align: start;">10. Copy the code = =<span style="background-color: #ffffff; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 22.4px; text-align: start;">11. Go to your blog, click on Design, click on Add a Gadget =

=<span style="background-color: #ffffff; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 22.4px; text-align: start;">12. Choose the HTML/Java Script, paste code, click OK = =<span style="background-color: #ffffff; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 22.4px; text-align: start;">13. Move the new gadget to somewhere in your side panel =