Automating Google Workspace (GWS) & more with Apps Script
Embed Google Calendar
1. FROM YOUR SCHOOL MAIL INBOX PAGE, CLICK ON
"CALENDAR" AT THE TOP OF THE PAGE.
2. ON THIS PAGE CLICK ON "SETTINGS" UNDERNEATH THE
NAME OF YOUR CALENDAR.
3. ON THIS SETTING PAGE,YOU WILL SEE A LIST OF YOUR
CALENDARS.YOU MUST SET THIS CALENDAR TO BE PUBLIC SO
THAT THE EVENTS THAT YOU ADD WILL APPEAR ON YOUR
BLOG. SO FIND THE CORRECT CALENDAR AND THEN CLICK
ON "SHARED: EDIT SETTINGS"
4. CHECK THE BOX THAT SAYS TO "MAKE THIS CALENDAR
PUBLIC" THEN CLICK "BACK TO CALENDAR"
5. ONCE BACK TO THIS PAGE CLICK DIRECTLY ON THE
NAME OF THE CALENDAR YOU WISH TO POST.
6. SCROLL DOWN THIS PAGE UNTIL YOU SEE "CUSTOMIZE THE
COLOR, SIZE, AND OTHER OPTIONS." CLICK HERE.
7. * ADD A TITLE TO THE SPACE SHOWN
HIGHLIGHTED IN ORANGE.
* UNCHECK THE CALENDAR LIST
AND TIME ZONE
* ADJUST THE WIDTH AND HEIGHT TO
FIT INTO YOUR BLOG POST. MOST CAN
ACCOMMODATE 400 TO 450 PIXELS. IF
YOU NEED TO COME BACK TO THIS
PAGE AND ADJUST YOU CAN DO THAT.
THE CALENDAR WILL SHOW THE
CUSTOMIZED SIZE TO THE RIGHT OF
YOUR SCREEN SO THAT YOU CAN
JUDGE THE SIZE AS YOU GO.
* YOU CAN ONLY ADD A
BACKGROUND COLOR BEHIND THE
TOP TITLE.YOU CANNOT CHANGE THE
BACKGROUND COLOR OF THE
CALENDAR. IT WILL BE BLUE.
* A BORDER WILL BE THE BLACK LINE
AROUND THE CALENDAR.
8. AS YOU CUSTOMIZE YOUR CALENDAR, THE HTML
CODE AUTOMATICALLY ADJUST. NOW JUST COPY
THE CODE AT THE TOP OF THE PAGE INSIDE THIS
BOX.
9. ON YOUR BLOG, SELECT ADD A NEW POST. GIVE THE POST A
TITLE. CLICK THE HTML TAB THAT I HAVE HIGHLIGHTED IN
ORANGE. PASTE THE CODE RIGHT IN THE TEXT BOX WHERE I
HAVE HIGHLIGHTED IN ORANGE.
THEN........
10. TO THE SIDE OF THIS POST, FIND WHERE IT SAYS "VISIBILITY: PUBLIC
EDIT" CLICK ON "EDIT" THEN CHECK THE BOX THAT SAYS "STICK
THIS POST TO THE FRONT PAGE" THIS WAY THE CALENDAR WILL
REMAIN AT THE TOP OF YOUR BLOG. FINALLY CLICK PUBLISH.
NOW DIRECTLY FROM YOUR GOOGLE CALENDAR YOU CAN
CREATE EVENTS AND THEY WILL AUTOMATICALLY APPEAR ON
YOUR BLOG.