Home » Advanced » Google Classroom: Header Template

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


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


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

18 thoughts on “Google Classroom: Header Template”

          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. 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. Pingback: Google Sites Header Image Template - Teacher Tech

        3. Pingback: Top 10 Alice Keeler Blogs of 2017 - Teacher Tech

        4. Pingback: The Google Classroom Quick-Start Guide + tips and tricks! | Ditch That Textbook

        5. Pingback: Google Classroom and #OpenUpMath – Mrs. Stipe 2.0

        6. Pingback: 20 great ways to start using Google Classroom now | Ditch That Textbook

        7. Pingback: Updated Post: 20 great ways to start using Google Classroom now | Ditch That Textbook

        8. 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?

Leave a Reply

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