Teacher Tech blog with Alice Keeler

Paperless Is Not a Pedagogy

Alice Keeler

FREE: Google Classroom Header Template

Point at the google classroom classwork tab
FREE: Google Classroom Header Template
Point at the google classroom classwork tab

Google Classroom Header for Beta Classes

Google Classroom is coming out with a new interface for the Fall (that is all you get on dates.) In the new interface, students go to the new Classwork page to find assignments. If you want to learn more about the new interface consider joining my online workshop as part of being a premium member.

Uh Now What… Classwork

I was doing a training this week with the new interface and the participants joined the class and just sat there… not doing any work. This was what was great about the old interface you join and there is work sitting there for you to do. Now you need someone to point out “hey, click on Classwork.” You can add an announcement to let the students know they need to go to the Classwork page but it doesn’t stay at the top of the Stream. It gets lost quickly in the Stream… so close to useless to leave an announcement.

Google Classroom Header

Google Classroom Header for Classroom

While I can not pin an announcement to the top of the Stream, I can make a custom Google Classroom header. I created a header image that has a giant finger pointing at the Classwork page. I added a textbox on the left to direct students to click on Classwork.

Note, do not put the note in the middle or on the right hand side. The class title is in the middle and will block your note. The right side gets cropped off if you resize the window smaller. So make sure your note is on the LEFT. 


You can find the blank template for the Google Classroom header at alicekeeler.com/gcheader

File Download As

You will want to customize the template to be our own. The finger is a Bitmoji where I searched for “finger” from the Chrome extension. If you want to use your own Bitmoji finger, swap mine out for yours. You can also right click on the background and change the background color. Here are directions if you want to tie dye your own background.

Use the File menu to “Download as” and choose “PNG.”
PNG download

Upload Photo

In Google Classroom in the bottom right of the header banner is an option to “Upload photo.” Upload your new banner header.
Upload photo to google classroom

8 thoughts on “FREE: Google Classroom Header Template

    1. Yes it can be changed… I googled it…found a tutorial that showed how to ïnspect”the code and remove the portion that made the dark overlay

  1. I used your banner download last year. This year, when I upload the picture, it only shows part of the banner…not my bitmoji. I have it stretched out so it fits, but it won’t show up. Do you know what I’m doing wrong? I can’t figure it out because I did the same thing last year and it worked.

  2. any idea on when the sizing of the header will be fixed on google’s part? still having the complication with the image not fitting (only showing.a small part) of the header? or is there a new sizing factor? thank you

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2024 All Rights Reserved.

❤️ Become a Premium Teacher Tech Member

Regular price is $249. Save $150 and pay only $99 for the 2024/2025 school year!

Monthly installments is only $12 a month.

Exclusive Teacher Tech Content! 
Exclusive Online Courses
Premium Add-ons for Google Workspace
Office Hours with Alice
Weekly Check In Support
Exclusive Webinars
And more! 

Exit this pop up by pressing escape or clicking anywhere off the pop up.