Tutorial: Cute Thumbnail Galleries!

May 6, 2012

Tutorial: Cute Thumbnail Galleries!

May 6, 2012
I hope that doesn’t sound too flaky! But I know I’m not the only one who likes things to look a certain way, so I wanted to share something new I learned today…

So. I’ve already been working on my little thumbnail galleries for awhile now…tryin’ to organize my blog a bit!

I ended up making my thumbnail previews as little rounded squares, just to make it cute and fancy–plus I love when things look websitey on blogs.

And that’s what this tutorial is all about! And it’s wicked easy, I promise…it’s all in the video below:

Do you think you might try this on your blog? Will it be one of your summer projects? Do you have a ton of summer projects? I do and we aren’t even out ’til June 22nd!! I hope you enjoy the rest of your weekend 🙂


  • Stephanie @ 3rd Grade Thoughts May 6, 2012 at 10:40 pm

    Ok, so this wasn't on my summer to-do list until I watched this and now it has shot straight to the top! How easy and how CUTE when it's all done!

    And don't you just LOVE screen shot? I think it's my fav tool! When I got my PC, I was bummed it wasn't standard like my Mac, but the new Windows has the Snipping Tool, which is almost as cool 🙂

    Thanks for another amazing tutorial!

    3rd Grade Thoughts

  • Tara May 6, 2012 at 11:58 pm

    Totally on my summer to do list….unless……maybe….I can get my sweet daughter to do this for me?????? Hmmmmmm:) Thanks for sharing!!! So love organization and cuteness helps too:) Your awesome!!!

    4th Grade Frolics

  • Kelly Hall May 7, 2012 at 12:18 am

    I plan on doing this over the summer. I LOVE your tutorials! Just got my first Mac Book and need to learn all the ins and outs first. Thanks for sharing!

  • Mor Zrihen May 7, 2012 at 12:36 am

    Your are my bloggy goddess!!! Can't wait to tackle this project over the summer! Your tutorials are the BEST!
    Thank you for all that you do and share with us! We (especially me) appreciate you!

    ❤ Mor Zrihen from…
    A Teacher's Treasure
    Teaching Treasures Shop

  • Elizabeth May 7, 2012 at 12:41 am

    Thank you, thank you, thank you! Now, I don't have to ask Google 🙂


    Fun in Room 4B

  • Runde's Room May 7, 2012 at 12:42 am

    OH – LOVE, LOVE, LOVE this!!! My summer to-do list just keeps getting longer and longer … I think I may need to take the year off just to get caught up … 😉
    Thanks for another spectacular tutorial!

    Runde's Room

  • Deb May 7, 2012 at 12:57 am

    Kristen, just keep them coming! My "To Do" list is not long enough and I didn't know you could do that in PP so I learned something else today! Thanks for all of the tutorials that you create for us because it is appreciated!

    Deb at Fabulously First

  • Life in Middle School May 7, 2012 at 3:21 am

    Wow Kristen – These are amazing and just were added to my blogging to do list! I'll second the thanks for making all these tutorials for us!

  • Dual Kinder Teacher May 7, 2012 at 1:26 pm

    June 22nd?! I mean, eh hem, hang in there 🙂 This is definitely making my list. Funny how teachers all have a summer- School To Do List going already. Number one on my list? BATMAN 🙂 Thanks again!
    Dual Kinder Teacher

  • sydney May 8, 2012 at 12:23 am

    Kristen, this looks so pretty I can't stand it. Can't wait to play around with it.

    Lessons Learned

  • Rikki May 8, 2012 at 4:41 pm

    You're amazing!! I have been following your blog for sometime and seriously you have helped me out so much. I created my first teachers pay teachers product. I felt like I did everything right. You helped me create it. Seriously I wouldn't have been able to do it without your help. Now I have one more question for you. I don't know if you'll be able to answer it. I put my product up on Teachers Pay Teachers. But it will not show any thumbnails. How do I get it show thumbnails. Do you know?? I've saved the images as jpegs, and tiff. I've even resized it but when I put the document in it shows nothing :(. Can you help me?

  • Annie Moffatt May 8, 2012 at 4:43 pm

    I agree with Rikki! Amazing:) I will be giving this a try for sure:)

  • Heather at Teach It Today! May 11, 2012 at 5:09 am

    Adding this to my To D list! I'm a huge fan and new follower!


  • Lory Robinson May 13, 2012 at 2:03 am

    Awesome! Thank you, I'm going to try this when school gets out . . .

  • Terri Thornton May 14, 2012 at 1:19 am

    I played around with this and used Fireworks. However, the crop tool in link manager caused my thumbnails to have a light white background. I noticed yours didn't do that…. how did you do that?? Thanks for the info. … very helpful!


  • missdee June 6, 2012 at 7:55 pm

    What color blue did you use on your bulletin board? I have attached the link so you could see what I was referring to.

  • Caitlin June 20, 2012 at 6:20 pm

    I love this!!! Thank you for doing a video!!

    Learning Ahoy

  • Becca Morris July 1, 2012 at 7:35 am

    Thanks for sharing! I am doing this right now!

    Simply 2nd Resources

  • Ms. Mel July 5, 2012 at 10:01 pm

    I'm new to your site, and I've found myself going through all your old posts! Absolutely love all your stuff. Thank you so much for sharing!

  • Sandy July 21, 2012 at 10:10 pm

    I just wanted to thank you for this tutorial!!! I have been having so much fun playing with the links and making cute buttons! I appreciate you sharing your expertise!!!! THANK YOU!!! 🙂

    Soaring Through Second

  • Tina721 July 24, 2012 at 2:29 pm

    From me (a newbie) I can't say thank you enough for having these GREAT tutorials and tips available. I have been searching for how to do these things, and now I just have to come here! I really appreciate all the hard work you did in making these videos…Thank you for sharing!
    Laugh Live Love Learn

  • Molly September 18, 2012 at 3:46 am

    Thanks SO much for this video! I have been wanting to add thumbnail galleries for a while now after seeing yours and some other cute ones and this explained it perfectly! Also, I didn't know you could do that with the shapes in Powerpoint! I will definitely be using that a lot! Thanks again Kristen!!

    Lessons with Laughter

  • Sarah June 18, 2013 at 10:08 pm

    Thanks so much for sharing… I used this tutorial on my personal blog, since my teacher blog doesn't have the plethora of posts that yours has. I love, love, love it on my personal blog, though. Take a look if you like!

    My Online Cookbook :o) Thanks, again!

  • Leave a Reply


    • Ok, I learned something else new in google docs that I LOVE...even more than default margins!⠀⠀⠀⠀⠀⠀⠀⠀⠀You can set a default font!!⠀⠀⠀⠀⠀⠀⠀⠀⠀So I tend to go with Century Gothic for everything in class...usually paired with a bold font for headings (Oswald is my favorite!). But every time I start a new doc, I have to take the time to make these font changes.⠀⠀⠀⠀⠀⠀⠀⠀⠀Well, it turns out you can set a default font (and color) of your choice in two simple steps! It can only be one font...but at least it will save some time!⠀⠀⠀⠀⠀⠀⠀⠀⠀Here are the steps:⠀⠀⠀⠀⠀⠀⠀⠀⠀First, open a new doc and type a word with the font/color combo you would like as your default font. Highlight the text you just typed.⠀⠀⠀⠀⠀⠀⠀⠀⠀Then, go to Format > Paragraph Styles > Normal Text > Update 'Normal text' to match.⠀⠀⠀⠀⠀⠀⠀⠀⠀Then go back to the Format menu and choose Paragraph Styles > Options > Save as my default styles. (Swipe to see pics of all these steps if you prefer a visual!).⠀⠀⠀⠀⠀⠀⠀⠀⠀And that's it! Now when you open a new google doc, you will see your favorite font, all ready for you to start designing!⠀⠀⠀⠀⠀⠀⠀⠀⠀#googledocs #googledrive #technologyintheclassroom #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • Did you know that you can set default margins in Google Docs? I never realized until the other day!⠀⠀⠀⠀⠀⠀⠀⠀⠀It drives me CRAZY when I open up a new doc and there's all that extra space at the top! I'm constantly reconfiguring the margins when I make a new doc. But it turns out you can set your favorite margin settings (because everyone has favorite margin settings, right?) and set it as a default.⠀⠀⠀⠀⠀⠀⠀⠀⠀And it’s very easy to do!⠀⠀⠀⠀⠀⠀⠀⠀⠀Go to File, then Page Setup. Enter the margins you would like, then click the "Set as Default" button.⠀⠀⠀⠀⠀⠀⠀⠀⠀And that's it!⠀⠀⠀⠀⠀⠀⠀⠀⠀Your next docs will open with this new setting from now on! Such a time-saver!⠀⠀⠀⠀⠀⠀⠀⠀⠀(Am I the only one who didn't know this?) 😂⠀⠀⠀⠀⠀⠀⠀⠀⠀#googledocs #googledrive #technologyintheclassroom #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • "This is so fun!" I got to hear some of my favorite words over and over during math today. And it was all thanks to  @adventuresofmssmith_ and @teachinginroom6!⠀⠀⠀⠀⠀⠀⠀⠀⠀These clever ladies shared an awesome idea for solving some mundane math problems (multi-digit multiplication and long division review for us today) while building index card towers!⠀⠀⠀⠀⠀⠀⠀⠀⠀And the setup was so easy.⠀⠀⠀⠀⠀⠀⠀⠀⠀I made 30 review problems and numbered the cards. Then I highlighted the cards with a quick swipe to color code them (thanks to @teachinginroom6 for the color-coding idea!). The simpler problems were pink and could earn one index card when solved correctly. The more complex problems were yellow and could earn two index cards...and the most difficult problems were green and worth three index cards.⠀⠀⠀⠀⠀⠀⠀⠀⠀My students worked in small groups and showed me their cards as they solved them. Some showed a couple of cards at a time, others solved everything first before "cashing in" (as they called it 😂).⠀⠀⠀⠀⠀⠀⠀⠀⠀They were completely engaged and working as teams for the whole math block...it was great! And they are already asking when we can do this again.⠀⠀⠀⠀⠀⠀⠀⠀⠀#math #iteachmath #multiplication #division #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • How many field trips does your class go on each year?⠀⠀⠀⠀⠀⠀⠀⠀⠀We go on four (five some years 😬) and field trip season is just starting up now!⠀⠀⠀⠀⠀⠀⠀⠀⠀I like to keep a checklist of our different trips to keep track of forms, money, and chaperones. I color-code each trip with a different flair pen if the trips are back-to-back (we are visiting our state capital this week and heading to the ymca for water safety next week!).⠀⠀⠀⠀⠀⠀⠀⠀⠀This checklist is from my Instant Checklists resource...it has a hundred lists, ready to go, just enter your students’ names once. Please click the link in my profile if you’d like to see more! (http://bit.ly/instantchecklists)⠀⠀⠀⠀⠀⠀⠀⠀⠀Are you going on a field trip soon?⠀⠀⠀⠀⠀⠀⠀⠀⠀#classroommanagement #classroomorganization #iteachfourth #iteach4th #iteach456 #tpt #teacherspayteachers #teachersfollowteachers #teachersofinstagram
    • I have lost my tv remote about 45,000 times this year. I think it’s due to my compulsive paper stacking tendencies.⠀⠀⠀⠀⠀⠀⠀⠀⠀But I found a solution!⠀⠀⠀⠀⠀⠀⠀⠀⠀I got this awesome desktop organizer to hold my remote (and flair pens, phone, stickies, nurse notes...all of the important things!) I found it on Amazon...it’s a STORi desktop organizer and I ❤️ it!!⠀⠀⠀⠀⠀⠀⠀⠀⠀#tryingtostayorganized #classroomorganization #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • One of our favorite seating areas...also known as the place I like to eat lunch every day when my students are in the cafeteria 😂⠀⠀⠀⠀⠀⠀⠀⠀⠀The chairs and table were donated to our class. Both are by Flash Furniture on Amazon.⠀⠀⠀⠀⠀⠀⠀⠀⠀This is the first year I’ve had a cafe height table and we love it!! Do you have a cafe table in class?⠀⠀⠀⠀⠀⠀⠀⠀⠀#flexibleseating #classroomdecor #iteachfourth #iteach456 #iteach4th #teachersfollowteachers #teachersofinstagram

    Follow @ladybugsteacherfiles