Making Beautiful Plans on (Part 2)

June 5, 2016

Making Beautiful Plans on (Part 2)

June 5, 2016
During the past school year, I started adding some more features to my lesson planner. I wanted the text to stand out more, so I could quickly see what I needed for a lesson. You can read more about this in a previous post:
This worked out very well and I found my plans much easier to read. However, I started to wonder. Was there a way to make them even more clear? A way to use some of my favorite fonts to make the plans really pop?

It turns out, there was! You can use the html source code in to make your lesson plans look exactly how you want. Here are a few images of how I am setting up my planbook for the coming school year:
Since I am able to use fonts from my computer, I can make a really clean layout and highlight each step of the lesson nicely. I used the following fonts to keep the layout simple, but a bit more eye-catching:
1. Century Gothic
KG Counting Stars is the font I used for the numbers and little icons and it makes a world of difference in the lesson plan layout! I’m using the heart icon for things that went well in a lesson, a minus icon for things that could be changed, and an asterisk for important events. (Did I tell you?? I am moving from 5th grade to 4th grade next year, so I really need a place to reflect on my lessons briefly).
To get this kind of look isn’t very challenging for those comfortable with html, but it can be time-consuming and a bit intimidating if you
are unaccustomed to it. So to help save you some time,  I created several templates to share with you, all ready to plug into the html source code on
But there are a couple of things to know first:
  • The plans will only display with your favorite fonts if they are installed on your computer. So if you opened the plans on an iPad or a different computer without the fonts, you would not see them displayed in the same format. 

  • The plans will not print out with these fonts (unless I am doing something totally wrong, which is quite likely…so please let us know if it works for you!)

So, if you are using your plan book on your own computer only, then this will work well for you!
Are you ready to begin? Here is what you will need to do, step-by-step:
ONE: If you do not have the beautiful fonts by Kimberly Geswein listed above, please click the links below to download them first (they are free for personal use):

TWO: Head over to and set up your classes. I do not know my schedule until the next school year, so I just numbered mine and chose the colors I’d like them to be:

(I’m actually setting up my plans a bit differently this year. Instead of listing my entire schedule by times, I’m only setting up planning blocks for the classes I teach. I’m not listing lunch, recess, and specials this year, since I am the only one who uses my plan book and I have separate plans for subs).

THREE: Choose your favorite colors for your planner by clicking on the gear next to each subject, then Edit.
 Click on Class Color to select the shade you want:
I made a key of the brightest colors to share with you. I used shades 1 through 9 in my plans, but have included the code for 12 bright shades so you can choose what you like best for your lessons:

FOUR: Time to create your beautiful templates! As I mentioned above, I have already set up the html you will need to put in your plans. All you will need to do is choose the color you would like from the codes listed below, then paste them into your plans.

Head into the Templates section:

 Click the Add Template button:

Choose the class you would like to customize first from the drop down menu:

Click on the source code symbols (this is where you’ll paste the html code):

You will see a Source Code box open. Leave this box open and blank for now:

Download the html code you need for this particular class. I am sharing the key again, as well as the code for 12 colors below:

1. Magenta
2. Pink
3. Orange
4. Gold
5. Yellow
6. Lime
7. Green
8. Turquoise
9. Light Blue
10. Navy
11. Purple
12. Plum

The links above will take you to the code you need. The code contains the fonts and colors, all set for you to use! Open the code, select it all, and copy it:

Then paste the code into the Source Code box on and click Ok:

Now your template is all set! Just click Save:

Then do the same for your other classes. Once you are finished setting up these templates, you can head into your lesson plans and you will see them all ready to go:

Click inside the subject you’d like to start with, highlight the text, and type right over it. (Please Note: This works best when you highlight the words from right to left…it tends to keep the formatting in place this way):

You can delete anything you don’t need or even copy and paste sections of this template to get it the exact way you would like for your plans. 
And that’s that! You have your plans beautifully written:
I really hope this was of some help to you! Please let us know if you have any tips to add or how this works out for your lesson plans! (I was not asked to blog about this plan book service, I just love sharing new tech tips I learn with other teachers!).
Looking for more beautiful classroom management solutions? Please click below:
description here

Keeping Track of It All

description here

Getting Things in Order

Ready BEFORE Next Year

No Comments

Leave a Reply


  • Custom colors in Google Drive!!⠀⠀⠀⠀⠀⠀⠀⠀⠀Well, there have been custom colors in there for a long time now...but there’s an updated layout that makes choosing colors even easier!⠀⠀⠀⠀⠀⠀⠀⠀⠀To try it out, head into docs, slides, or sheets. Click on the color menu and you’ll see a cleaner look (side note, LOVE the circles instead of squares!).⠀⠀⠀⠀⠀⠀⠀⠀⠀Click on the + under “custom”. There you will find two sliding scales to choose your favorites colors. The first is “hue” at the bottom.⠀⠀⠀⠀⠀⠀⠀⠀⠀Then comes the fun part.⠀⠀⠀⠀⠀⠀⠀⠀⠀After choosing a hue, slide around to find your ideal many to choose from!⠀⠀⠀⠀⠀⠀⠀⠀⠀And it gets better.⠀⠀⠀⠀⠀⠀⠀⠀⠀Once you’ve selected the exact shade you like, the selector tool will remain in place...this means you can slide through the hues while maintaining a consistent shade! MUCH easier than before!⠀⠀⠀⠀⠀⠀⠀⠀⠀Have you tried this updated feature yet? I hope this is of help of you didn’t! ⠀⠀⠀⠀⠀⠀⠀⠀⠀#googledrive #googledocs #technologyintheclassroom #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • Took a moment to note which books I owned and which ones I will need to borrow this year.⠀⠀⠀⠀⠀⠀⠀⠀⠀If it’s available in our school, I noted it with “library”...if it’s a book my sister or a friend owns, I wrote “borrow”.⠀⠀⠀⠀⠀⠀⠀⠀⠀This is something I did last year my old book tracker and it really did help when I was planning for the next week.⠀⠀⠀⠀⠀⠀⠀⠀⠀If you’d like to see more about the Read Aloud Tracker, the link is in my profile.⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀#reading #bookaday #classroombookaday #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • I finally finished my Read Aloud Tracker and I can’t stop adding books...I’m at 114 so far!!⠀⠀⠀⠀⠀⠀⠀⠀⠀I’m so excited because I know this will help me keep on track with my daily picture book read alouds this year! Last year we read over a hundred books (about 120!)...but I really fell off track when I got caught up with planning, grading, testing, and all of those busy teacherly things. I even forgot which titles we had already read at times! So this will definitely help me plan read alouds more efficiently.⠀⠀⠀⠀⠀⠀⠀⠀⠀The tracker stores titles alphabetically and keeps a count of how many books are in your collection, as well as a tally of books read so far (swipe to see more).⠀⠀⠀⠀⠀⠀⠀⠀⠀I listed this resource in my store...please click the link in my profile if you’d like to see more or go to⠀⠀⠀⠀⠀⠀⠀⠀⠀#reading #readersgonnaread #bookaday #classroombookaday #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • A sneak peek of something I’ve been working on to manage our daily read alouds this year...⠀⠀⠀⠀⠀⠀⠀⠀⠀More to come soon!!⠀⠀⠀⠀⠀⠀⠀⠀⠀#teachingreading #readersgonnaread #bookaday #classroombookaday #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • Thanks to everyone who shared their favorite google fonts yesterday!⠀⠀⠀⠀⠀⠀⠀⠀⠀I put together a doc of 55 Favorite Teacher Fonts for us to share...if you click the link in my profile, you can get a copy for your drive.⠀⠀⠀⠀⠀⠀⠀⠀⠀Once you open this doc, you can select any new fonts you’d like to try. If you copy and paste them into a new google doc, the fonts will automatically be added to your searching and adding necessary!⠀⠀⠀⠀⠀⠀⠀⠀⠀Thank you again to everyone for sharing your awesome font finds! I hope this is of help for some of you looking for new fonts!⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀#googledrive #googledocs #technologyintheclassroom #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • Do you have a favorite Google font? Or several? If you would like to share in the comments below, I’d love to make a list and save it in my highlights for you to refer to later this summer.⠀⠀⠀⠀⠀⠀⠀⠀⠀If you visit my profile now, you will see a Google fonts highlight with the steps to find new fonts for your drive.⠀⠀⠀⠀⠀⠀⠀⠀⠀So...⠀⠀⠀⠀⠀⠀⠀⠀⠀What are your favorites?⠀⠀⠀⠀⠀⠀⠀⠀⠀My go-to for everything is Century Gothic. For script I love Clicker Script and for bold titles my favorite is Oswald Bold (in uppercase!).⠀⠀⠀⠀⠀⠀⠀⠀⠀#googledrive #googlefonts #technologyintheclassroom #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram

Follow @ladybugsteacherfiles