Jared Heinrichs

  • Technology Blog
  • Winnipeg Computer Repair
  • Winnipeg Photographer
  • Cooking With Jared
You are here: Home / Archives for Web Applications / Google

Feb 18, 2012 By Jared Heinrichs Leave a Comment

How to add multiple colors to Google Embedded Calendars

Google made a recent change to the Calendar program that I was un-aware of. They have removed the ability to have multiple colors in a single calendar when the calendar is embedded in a public website.

Essentially what this means to you is that all items in the calendar turn out one color. To get multiple colors back you need to jump through a few hoops but it is still possible.

First thing I did was go into the default Calendar that was shared and rename it “Original Name (Default)”. Doing this allows you to remember which calendar is setup for sharing. If you ever need to come back and make any changes to the embed code it makes it much easier to remember which calendar we are going to need to edit.

The second thing you need to do is create a new calendar for EACH color you would like to see on the embedded calendar and name the calendars what you would like the color to represent.

Once logged into Google Calendar under “My Calendars” click the drop down and select “Create New Calendar”.

clip_image002

Once you are done fill out the information that is selected in “Red”. Click the “create calendar” button when you are done.

*Update* I recommend that you add the color to the “Calendar Name”. It just makes it pretty apparent what color and Category you’ve selected.

clip_image004

You will most likely get a warning that says: “Making your calendar public will make all events visible to the world, including via Google search. Are you sure?”. Click yes.

Now you have to select the color for that specific Category Calendar you just made. In our case we will choose Grey.

clip_image006

Now that we have made the all the categories we like we must now take the default calendar. Again because you renamed the default calendar to “Original Name (Default)” You will have no issues figuring out which one to click edit on!

Click dropdown and hit “Calendar settings”

clip_image007

You will need to head half way down the page to “Embed This Calendar”. Click on Customize the color, size and other options.

clip_image009

You will want make sure all the calendars are selected and that you selected the width and height you would like the calendar to be when it appears on your site.

clip_image011

After all your changes have been made make sure that you hit “Update HTML” (at the top of the screen). Select all text into the html in the box and hit “Ctrl+C” to copy it.

clip_image013

Go to your website. In my example the client is using WordPress as the backend content management solution.

Go to the Calendar page – Edit.

Make sure the Tab is selected to “HTML” instead of Visual. COMPLETELY delete any Google Calendar code from the page. Paste the code you copied from the previous step into the page. Click “Update” to save your changes.

If all of the categories are still the same color the reason for that is that you haven’t gone into the calendar and switch the calendar item to the proper category calendar.

To do this go back into the Google Calendar and click edit the items. You should now have multiple Calendars to pick from in a drop down list. Click Save to save the category change.

clip_image015

Filed Under: Google

Aug 28, 2009 By Jared Heinrichs 1 Comment

How to get the “old” http://google.com/ig back

This post will go over how to hack the URL to get the back to the old http://google.com/ig page! Several months ago google changed their layout of the pages from TABS at the top of the page to TABS at the left hand side of the page. I found since they did that the RSS feeds tended to load MUCH slower then the old way.

[Read more…]

Filed Under: Google

May 28, 2009 By Jared Heinrichs 1 Comment

Google Cheat Sheet

Below is a listing of all Google application and info.

If I’ve missed anything email me the details please.

[Read more…]

Filed Under: Google

Categories

  • Board Game Rules
  • Camera
  • Computer Hardware
    • Blackberry
    • drivers
    • iPad
    • Magic Jack
    • USB
  • Damn Small Linux
  • Exam Notes
  • Facebook
  • FREE Flashcards
  • Games
    • PC
      • League of Legends
    • Wii
    • xbox 360
  • Music
  • Networking
    • Cisco Certification
    • Mitel
    • Palo Alto Firewall
  • News
    • Google
    • Microsoft
  • Operating System
    • Active Directory (2003)
    • Android
    • Command Prompt
    • Damn Small Linux
    • Group Policy
    • Hyper-V
    • IIS
    • ISA 2006
    • Mac OS X
    • Microsoft Exchange Server
    • Powershell
    • Security
    • SME Server
    • Terminal Server 2003
    • Ubuntu Linux
      • Adito Web SSL VPN
      • OpenVpn-als
      • Webmin
    • Virtual Machine Manager
    • Windows 2003 SBS
    • Windows 2003 Server
    • Windows 2008
    • Windows 2008 R2
    • Windows 2012R2
    • Windows 7
    • Windows 8
    • Windows Command Line
    • Windows Deployment Services
    • Windows Server Backup
    • Windows Vista
    • Windows XP
  • Phones
  • Photography
  • Photos
    • Animals
    • Misc
    • Nature
    • Portraits
  • Portfolio
  • Programming
    • CSS
    • HTML
    • jQuery
    • MySQL
    • PHP
    • Script
  • Programs
    • Acrobat
    • Acrobat Reader
    • Adobe Dreamweaver
    • Adobe Illustrator
    • Adobe Photoshop
    • Anti-virus Software
    • Antivirus
    • Backup Exec
    • Bittorent
    • Blackberry BESADMIN
    • Internet Explorer 9
    • Lightroom
    • Microsoft Office
    • Netbeans
    • Onenote
    • Outlook
    • Shelby
    • Sysprep
    • Trend
    • Video Editing
    • Visual Studio
    • Windows Live Writer
    • WireShark
    • XP Mode
    • Zarafa
  • Recipe
  • Review
  • Software Links
  • Troubleshooting
  • Uncategorized
  • Videos
  • Web Applications
    • Brage
    • Google
    • Spiceworks
    • Wordpress
  • Web Browsers
    • Internet Explorer
  • Web Server
    • XAMPP
  • Winnipeg
    • ISP

Try searching this site!

Copyright © 2019 Winnipeg Web Design