Google Classroom: Header Template

Google Classroom header template

EdTech Books by Alice Keeler

  • Student Engagement
  • Google Classroom
  • Student Centered Classrooms
  • Google Apps for Littles
  • Math and Google Apps
  • Ditch That Homework
Google Classroom: Header Template

Create a Header for your Google Classroom

Want More Help with This? Become a Premium Member

You can add your own custom header to Google Classroom. I make a lot of Google Classrooms and I was feeling like adding my Bitmoji to mix it up. To do that I had to make my own image.


Google Classroom header

Template

Make a copy of the Google Drawing template.


Google Drawing template

Change the Background Color

The default in the template is blue. Right-click on the template and choose “Background.” This provides a color pallet to choose a different color.


Change background color

Add Your Bitmoji (Customize!)

You do not need to add your Bitmoji, add something of yourself and your students! If you do have the Bitmoji Chrome extension, click on the extension and literally DRAG the Bitmoji onto the template.
Add your bitmoji

Download As PNG

Use the File menu on the template to choose "Download as" and choose "PNG." This downloads the header image to your computer.
Download as PNG

Upload Image

In Google Classroom in the header area, bottom right click on "Upload."
Upload image to header in Google Classroom

Resize

The selection area does not cover the entire header image. Use the resizing handles on the corner to stretch the selection area to cover the entire header image.


Resize to fit the entire image

Want More Help with This? Become a Premium Member

16 thoughts on “Google Classroom: Header Template

      1. What am I missing? I’ve used your VERY helpful template but when I try to upload, it’s telling me the picture is too small in terms of pixels.

          1. That has happened to me as well as I have the problem that when I uploaded it, although it was a very light blue the header came up as dark blue and you could not see it. What did I do wrong?

    1. I do the same, and you are right the kids love seeing themselves in the header. They also see the same pics on their GC app on their phones.

  1. Thank you for this! I always forget how to make a banner and end up searching forever for the directions, so having your template has saved me so much time!! Thanks a ton!

  2. I followed your directions, but when it uploaded into my google classroom, the header was very dark. I even tried again and lightened the color, but it was dark the 2nd time I uploaded it. Is there a fix for this?
    Thanks!!

  3. Thank you for this. I used your template but when I got o upload photo, it makes my download super blury and big. It doesn’t show the whole image and it looks like it’s zoomed in a ton. Any help?

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.