FREE: Google Classroom Header Template

Point at the google classroom classwork tab

EdTech Books by Alice Keeler

  • Student Engagement
  • Google Classroom
  • Student Centered Classrooms
  • Google Apps for Littles
  • Math and Google Apps
  • Ditch That Homework
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. 

Template

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 responses to “FREE: Google Classroom Header Template”

  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

© 2025 All Rights Reserved.

💥 FREE OTIS WORKSHOP

Join Alice Keeler, Thursday Oct24th or register to gain access to the recording.
Create a free OTIS account.

Join Alice Keeler for this session for using FigJam to start every lesson.

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