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


  • Does your team use shared drives?⠀⠀⠀⠀⠀⠀⠀⠀⠀We do and I love it...but I do not love the sea of gray folders (why can’t we change the colors??).⠀⠀⠀⠀⠀⠀⠀⠀⠀One thing I’ve done over the years is to use emojis next to the folder name. The visual really helps in finding things quickly!⠀⠀⠀⠀⠀⠀⠀⠀⠀If you go to an emoji site (like you can copy and paste any of your favorites right into your folder names!⠀⠀⠀⠀⠀⠀⠀⠀⠀While I still yearn for more color 😂 these emojis help in the meantime.⠀⠀⠀⠀⠀⠀⠀⠀⠀#googledrive #technologyintheclassroom #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • I don’t like to make a huge deal out of iReady data with my really is only one piece of information about them as learners.⠀⠀⠀⠀⠀⠀⠀⠀⠀But I do think a bit of accountability helps...and my students are always wanting to know their scores and progress on the diagnostic.⠀⠀⠀⠀⠀⠀⠀⠀⠀So I made this data tracking sheet to focus on growth. I marked the on grade level range to help my students have an idea of where they scored. We aren’t making a big deal of what actual grade level they scored on, just focusing more on progress towards that on level range. We will store these pages in their binders, so their information is private.⠀⠀⠀⠀⠀⠀⠀⠀⠀I made data sheets for grades 3-5, in case anyone would like to try this with their upper-elementary students. Please click the link in my profile to make a cooy to your drive:⠀⠀⠀⠀⠀⠀⠀⠀⠀I hope some of you can use this! I think having a closer look at data has helped my students this year...I didn’t do this during our first year of iReady and I think my students didn’t have a good idea of their level/progress. Do you track diagnostic scores with your class?⠀⠀⠀⠀⠀⠀⠀⠀⠀#iready #testing #data #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • Sharing a little sheet that’s been a big help for those midyear iReady diagnostics!⠀⠀⠀⠀⠀⠀⠀⠀⠀I wanted a quick, at-a-glance sheet...and this one has helped a lot. I made a box below the mid and end of the year scores to track growth or loss.⠀⠀⠀⠀⠀⠀⠀⠀⠀Does your district use iReady? I hope some of you are able to use these sheets! I combined the math and reading into one file...please click the link in my profile to make a copy for yourself:⠀⠀⠀⠀⠀⠀⠀⠀⠀For those who use iReady, have you taken the midyear diagnostic yet?⠀⠀⠀⠀⠀⠀⠀⠀⠀#iready #testing #data #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • Fascinating Fridays!⠀⠀⠀⠀⠀⠀⠀⠀⠀I’ve been trying something new to liven up our learning in 2020...⠀⠀⠀⠀⠀⠀⠀⠀⠀And it was so easy to set up, thanks to @mysterysci! Have you tried Mystery Science yet? I’ve been meaning to for so long now and wish I had’s incredible!! Everything is prepped for you and there are videos to build background, present the mystery, and walk the students through the science experiment/activity. Not an ad, just a love of this amazing site!⠀⠀⠀⠀⠀⠀⠀⠀⠀So this past Friday we explored two volcano mysteries. For the first, we mapped out volcanoes and identified patterns we noticed, as an exploratory introduction to the Ring of Fire.⠀⠀⠀⠀⠀⠀⠀⠀⠀For the second mystery, we investigated different types of lava and whether they form shield or cone volcanoes.⠀⠀⠀⠀⠀⠀⠀⠀⠀We also worked on some volcano research in our Field Journals (blank Target books) using the nonfiction text features we’ve been reviewing in class (the index in particular!).⠀⠀⠀⠀⠀⠀⠀⠀⠀I used some lighting and video to add to the theme (there’s an awesome, 45 minute video of real volcanic eruptions on YouTube).⠀⠀⠀⠀⠀⠀⠀⠀⠀I was inspired to get some tap lights and colorful spotlights by Tanya @giftedteacher305...she does the most amazing things in her class!! I’m a big fan of lights because they set the mood with very little work involved on my part #lazyteacher.⠀⠀⠀⠀⠀⠀⠀⠀⠀I added some black tablecloths to our tables, put a tap light in the center, and threw some red, orange, and yellow streamers on top. Instant fire. The whole setup took about 20 minutes and my students LOVED it.⠀⠀⠀⠀⠀⠀⠀⠀⠀I love how the day was one to remember and filled with hands-on, meaningful learning, but also very easy for me to plan and set up.⠀⠀⠀⠀⠀⠀⠀⠀⠀Have you tried Mystery Science before? What are your favorite mysteries on there? I can’t wait to try more!⠀⠀⠀⠀⠀⠀⠀⠀⠀#science #iteachscience #mysteryscience #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
  • I’ve been saving some google drive tutorials in my highlights this week...I hope some of you are able to use them!⠀⠀⠀⠀⠀⠀⠀⠀⠀I know I shared this tip back in the fall but it’s one of my favorite timesavers for making fraction printables. And I added the steps with pictures in my’ll be under the fractions highlight for those not ready to think about school yet (we head back tomorrow!!).⠀⠀⠀⠀⠀⠀⠀⠀⠀Happy New Year!⠀⠀⠀⠀⠀⠀⠀⠀⠀#googledrive #googleslides #iteachmath #fractions #iteachfourth #iteach456 #iteach4th #teachersfollowteachers #teachersofinstagram
  • HUGE time-saver for designing fraction visuals!⠀⠀⠀⠀⠀⠀⠀⠀⠀Fractions are such a major part of fourth grade math and I am always looking for ways to streamline the process of making visuals and papers for my students.⠀⠀⠀⠀⠀⠀⠀⠀⠀And it turns out there is a really easy way to make fraction circles using google sheets!⠀⠀⠀⠀⠀⠀⠀⠀⠀And there are so many great things about it! The circles are perfectly divided in a snap, you can use any colors you’d like, and adding labels takes just a moment!⠀⠀⠀⠀⠀⠀⠀⠀⠀I saved the steps in my highlights, in case you’d like to try it out. Are you teaching fractions soon? I hope this will help if so! Happy New Year!!!⠀⠀⠀⠀⠀⠀⠀⠀⠀#iteachmath #fractions #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram

Follow @ladybugsteacherfiles