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


  • Do you and your colleagues use a team drive in school?⠀⠀⠀⠀⠀⠀⠀⠀⠀My teammate set one up for us last year and it is the best! We can store all of our standards, assessments, field trip forms, lesson many things to keep us all on track.⠀⠀⠀⠀⠀⠀⠀⠀⠀The only part I don’t love?⠀⠀⠀⠀⠀⠀⠀⠀⠀There’s no option to color code folders the way you can in your personal google drive.⠀⠀⠀⠀⠀⠀⠀⠀⠀But...there is a different way to make the folders stand out and easy to find! I just added an emoji to each one to make everything a little more visual.⠀⠀⠀⠀⠀⠀⠀⠀⠀It’s really easy to do and it adds a little pop of color to make those gray folders easier to navigate! I put the link to an emoji site in my profile, in case you’d like to try this on your computer (⠀⠀⠀⠀⠀⠀⠀⠀⠀#googledrive #classroommanagement #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • Sharing some google fonts that would make awesome titles for different units!⠀⠀⠀⠀⠀⠀⠀⠀⠀The name for each font is in parentheses. To add the fonts to your docs and slides go to font, choose “more fonts...”, type in the name of the font you would like, select it, and then click ok!⠀⠀⠀⠀⠀⠀⠀⠀⠀Would you like to find more fun google fonts? If you go to the google fonts site you can search over 900 different fonts for your drive! I added the link to the site in my profile if you’d like to try it out (⠀⠀⠀⠀⠀⠀⠀⠀⠀What are your favorite fonts for titles in google? Mine is Oswald Bold!⠀⠀⠀⠀⠀⠀⠀⠀⠀#googlefonts #googledrive #technologyintheclassroom #iteachfourth #iteach4th #teachersfollowteachers #teachersofinstagram
  • Using Google Slides for field trip groups this week!⠀⠀⠀⠀⠀⠀⠀⠀⠀This is was one of those 🤦‍♀️ moments for me this year.⠀⠀⠀⠀⠀⠀⠀⠀⠀In the past, I would ALWAYS fly into work on the day of a field trip and frantically write chaperone names and student groups on the whiteboard...while thinking of all the other things I had to do that morning before we left. Very stressful.⠀⠀⠀⠀⠀⠀⠀⠀⠀This year, I started setting up a Google slide with my chaperone names and student groups the night before. I just add a little photo of our destination for interest, then make squares for “sticky notes” with all of the group information.⠀⠀⠀⠀⠀⠀⠀⠀⠀This saves so much time on the morning of the field trip...I just turn on the tv and display the slide for my students (and parents!) as they come into class. It frees me up for other last minute details I need to do before we leave...and it spares my chaperones from my awful writing on the board!⠀⠀⠀⠀⠀⠀⠀⠀⠀Slightly related: the second pic is our destination this week and it is usually a blast to see my city kids in the forest!! But it’s supposed to be 36 degrees and raining that day, uggghhhhh.⠀⠀⠀⠀⠀⠀⠀⠀⠀How do you like to organize your field trips? Do you have any tips we can learn from you?⠀⠀⠀⠀⠀⠀⠀⠀⠀#classroommanagement #classroomorganization #googleslides #googledrive #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • Mother’s Day trinket trays!⠀⠀⠀⠀⠀⠀⠀⠀⠀This was such a fun and easy project! I found several tutorials on Pinterest for this craft. We used mason jar lids (two for each student...and they could make them for anyone they would like to celebrate: mothers, grandmothers, aunts, fathers).⠀⠀⠀⠀⠀⠀⠀⠀⠀We painted the outer and inner rims of the lids. Then we traced a template and cut out circles of scrapbook paper to place inside the bottom of the mason jar lid.⠀⠀⠀⠀⠀⠀⠀⠀⠀SO easy and my students were really proud of their gifts for their families!⠀⠀⠀⠀⠀⠀⠀⠀⠀Please swipe if you’d like to see more of their designs...⠀⠀⠀⠀⠀⠀⠀⠀⠀#mothersdaycraft #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • The best thing I have done for myself this school year?Well, it’s really thanks to my sister @fashioncrazelearningdays. We were on spring break and she suggested deleting our gmail apps on our phones, so we wouldn’t be tempted to check work email while on vacation.And I felt so free!! I mean, I feel like I am CONSTANTLY checking my work line at the grocery store, waiting for dinner to finish cooking, right before I go to sleep (never good to do that).⠀⠀⠀⠀⠀⠀⠀⠀⠀So even though I’m back from break, I’ve left my app off of my phone. I check my email frequently at school and throughout the evening when I work on my computer.But it’s such a relief to know when I power off my laptop, the email checking is done for the day too.It helps wrap up a work day that could truly never end...and I know you all know what I mean!!⠀⠀⠀⠀⠀⠀⠀⠀⠀Is this something you already do? Do you have any ways you like to make the job have an ending each day? Please share with us!#teacherselfcare #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • Google Drive shortcuts!!! Ok, this one is really awesome.So it turns out there are a ton of shortcuts to save you time when navigating through your docs! If you click on a doc in your Drive, then use one of the keyboard shortcuts, it will get you moving, creating, and sharing even faster!Here are a few examples:You can click enter or o to open your doc, p to preview it before opening, . to share, and n to rename!! (These are my faves!). To access all of the shortcuts, head to the gear at the top right hand side of your Drive. Then choose “keyboard shortcuts” and you can see all the keys you can use to save time!What’s your favorite Google Drive shortcut?#google #googledrive #technologyintheclassroom #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram

Follow @ladybugsteacherfiles