Bitmoji, custom headers, Google Classroom, Google Drawing

Custom Google Classroom Headers

I love to customize my Google Classroom banners. I mean, the ones provided by Google are super cute, but if you can add a Bitmoji then it’s better I say. I also sometimes include some icons for the content area. I create my own to avoid copyright issues, but noun project is another great resource to use.

Header example

Google Classroom Header.png

You will create these in Google Drawing. Google Drawing is located in your Drive under more Screen Shot 2018-12-04 at 9.55.37 PM  or in your Google waffle.Screen Shot 2018-12-04 at 9.54.00 PM

Now we want to go to page set-up under file, select custom, change inches to pixels and create an 800 x 200 pixel canvas.2018-12-04_21-58-27

Now the fun can begin. If you right click (or control click) on the canvas it will allow you to change the background of the canvas. I like to use the gradient feature so the middle is a little lighter.

2018-12-04_22-05-53

I’ve you know ANYTHING about me, you know I like to use the Bitmoji extension. You can learn about how to use the extension in this blog post. Now remember, you don’t want to put words in the middle of you banner because Google Classroom will put the class label in the middle. You also want to leave a little room on the outside edges so it fits your browser configuration.

2018-12-04_22-11-38

I added the words Happy Holidays too. Word Art is another fun tool to use if you want to play around with it.

2018-12-04_22-11-38-1

Now you are ready to download your creation. I like .png, but you can also use .jpg

2018-12-04_22-22-20

Now that you have your image in your downloads folder or whatever location you send your downloads. Now let’s put this into Google Classroom. Click on the upload photo link in the bottom right corner. Select or drag your image in. TAH DAH, you have a new custom header.

2018-12-04_22-28-47You can see my previous custom header and the new holiday header I just created. Notice the color does get a little darker when you upload. You might also play around with the location of your images. I move mine more towards the top than centered so it looks centered once inside of Classroom.

Now, let’s take this a step further. How about you let students create custom headers and each week you display a new one? Evan Mosier is having one of his classes do this and he has shared a site will the headers created by his students. They are free for anyone to use.

If you make one of your own, let me know @MandiTolenEDU on Twitter. If you use a banner from one of Evan’s students, give them a shout-out on Twitter.