Tutorial: Shopping Guides and Galleries

April 6, 2013

Tutorial: Shopping Guides and Galleries

April 6, 2013
Happy weekend my friends! I hope you are all doing well and everything is springy in your area!
Today I’d like to share a new tutorial with you. It’s actually based off of an older tutorial (Creating Thumbnail Galleries).

So, you already know that many of the files on my blog are set up as thumbnail galleries…

I just love them!! There are so many benefits to thumbnail galleries…especially if you’ve been blogging for awhile now.

Galleries allow you to do the following:

  • Showcase your older posts (they get buried quickly by newer ones, don’t they?)
  • Provide your readers a nice, visual navigation of your blog.
  • Set up shopping guides for your customers.
  • Offer pin-ready images for your visitors…and it’s the image you’d like to be pinned most, since you chose it for your gallery.

And though I loved the ease of setting up my galleries with inLinkz last year, I am switching them over to a new format for a few reasons:

  • My thumbnails are kind of small and that hovering Pinterest icon (which I love!) blocks them a lot.
  • The smaller images look funny when pinned by readers and I’d like a larger preview to be selected for pinning.
  • I have more control over the overall layout and font size with this newer format.
So what does this newer format look like? You can see it in its beginning stages on my Shop page.

And it’s pretty easy to set up! All you need are some picture previews of your files, this AWESOME HTML Table Generator tool, and a little bit of code work. Don’t worry, it’s not the scary kind of code, I promise!

If you’d like to learn more, please click here to see the video. (I’m wicked sorry it’s not embedded in this post–I am having a terrible time with technology this week, I don’t know why!).

In other, unrelated news I have some new social networking icons located at the top of my blog…and right here:

 photo myfacebook.png  photo mytwitter.png  photo mypinterest.png

I’d love for you to meet up with me on any of them if you’d like. Thanks so much for reading!! 🙂


  • Second-grade-alicious April 6, 2013 at 10:10 pm

    Awesome idea!! Thanks so much for the tip. I'm going to check out your full tutorial later.

  • Everyone deServes to Learn April 6, 2013 at 10:29 pm

    Thank you for the tutorial! I will put it on my to-do list!

    Everyone deServes to Learn

  • Kimberlee :) April 6, 2013 at 10:56 pm

    Very pretty and practical! Thanks for the idea!! 🙂

    ~ Kimberlee ~
    Teacher TimeSavers

  • Elizabeth April 7, 2013 at 12:46 am

    Yay! This was on my to-do list for Spring Break and I love this new way so much better! You rock, Kristen. Thanks for making my life so much easier 🙂

    Fun in Room 4B

    • Elizabeth April 7, 2013 at 12:48 am

      PS~ Totally pinned it, too!

  • Collaboration Cuties April 7, 2013 at 12:48 am

    OMG. Are you reading my mind???? I was going to ask you about this because we are going to make something similar on our blog and I didn't realize you already had a tutorial (but I should have known)!! You are THE best!!

    I {heart} you!!! (but not in a creepy way, I promise!!) ;O)
    Collaboration Cuties

    • Collaboration Cuties April 7, 2013 at 12:50 am

      Seriously. I am so excited about this. Ok. I'm going to let it go so you don't think I'm crazy!! THANK YOU THANK YOU THANK YOU!

  • Stephanie @ 3rd Grade Thoughts April 7, 2013 at 3:48 pm

    Love, love, love!!! Can't wait to delve into this and THANK YOU for sharing all of your wonderful know-how 🙂 You rock!

    3rd Grade Thoughts

  • Erica Bohrer April 7, 2013 at 4:54 pm

    I have been wanting to do the gallery images for a while. I just pinned this and will come back to it…hopefully soon! Your alphabet posters are gorgeous!

  • YoungTeacherLove April 7, 2013 at 5:07 pm

    Thank you for posting this Kristen! One of the reasons I love your blog so much is because it is so visually appealing! It's like candy for my eyes. I will be watching your video and this is going to be my first to-do list task come summer time!

    I'm also so happy you added a Pinterest button! I've been searching for you on Pinterest and couldn't find you! 🙂

    Young Teacher Love 5th Grade Blog

  • Jenn Miron April 8, 2013 at 7:07 pm

    You're the best! I just came across your blog and I love this!! I'm a new follower!

  • Mrs. Cockrell April 12, 2013 at 3:05 am

    You rock! Can't wait to watch the video. I've been wondering how to do this! Your Shop page looks awesome so far, and I am probably gonna have to buy the lime and teal alphabet for next year–matches my classroom perfectly!!!

    Teach On.

  • Leave a Reply


    • The beginning of ALLLL the due dates!! Our spring break is starting this weekend and I know I’m going to come back to a whirlwind of permission slips, forms, and project papers to keep up with!So I’ll be using these magnets to keep all of our due dates posted (and to save myself from the endless questions of when things are due!). If you’d like to see more about the magnets, please see the link in my profile (http://bit.ly/duedatemagnets)Are your due dates starting to intensify yet?#somuchtodo #classroomorganization #classroommanagement #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • My heart could just burst with happiness today. We’ve worked so hard as a community of readers this year to read as much as possible, in all the extra minutes we can find in our day.Today was our fourth grade Water Fair. The students had to present their projects in front of judges and wait patiently for the semifinals and then results...for several hours.It was a long morning for them.But I watched as so many happily pulled out their current reads while they waited, thrilled for all of the bonus reading time. ❤️❤️❤️ #fullheart #communityofreaders #readersgonnaread #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • Giveaway Closed...congrats @ccbahr!I just listed a new resource that has really made a difference in our class.I’m sure I’m not alone in this...our list of due dates is HUGE right now!! So I’ve been keeping track of all our forms and assignments with these little magnets. They have been SO helpful for my students...and me, honestly (I can lose track of things so easily these days!). Would you like to win a set for your class? You can earn two entries by doing the following:1. Comment with an emoji that shows your feelings about due dates right now.2. Comment again and tag a friend for a second entry.I’ll announce the winning name later this evening! The link to this resource is in my profile if you’d like to see more about it (http://bit.ly/duedatemagnets)#classroomorganization #classroommanagement #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • Magnet love!! 🧲❤️ I’ve been using these due date magnets to help organize our important papers and keep those deadlines posted for my students and (let’s be honest) me as well!Because this is the time of the year when so much is going on, so much is due...it becomes very easy for a teacher to get overwhelmed with projects, permission slips, order forms, and more!So now I post our papers, write the due date with a vis-a-vis marker and there it is...an easy-to-see visual reminder that keeps my class and I on track.I’ll share more from this board soon...we have some other resources that are keeping my fourth grade class a little more organized during this busy season!How do you like to keep track of due dates in your class?#classroomorganization #classroommanagement #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram
    • My mind has been a jumble of thoughts this Sunday night, so I'm turning to google slides to help plan things out.⠀⠀⠀⠀⠀⠀⠀⠀⠀This week, for example, we need to work on a couple of our routines that have become less...routine. 😬⠀⠀⠀⠀⠀⠀⠀⠀⠀This slide will give us a chance to have a chat and share strategies on keeping a clean workspace. Plus, it has visuals of how our tables should look, which is always a huge help!⠀⠀⠀⠀⠀⠀⠀⠀⠀Have you tried this with your class before? I think it will be a great reminder for my students this week!⠀⠀⠀⠀⠀⠀⠀⠀⠀#classroommanagement #classroomorganization #iteachfourth #iteach456 #iteach4th #teachersfollowteachers #teachersofinstagram
    • I may have experienced a momentary feeling of dread when I saw Monday’s date as I left yesterday. 😂⠀⠀⠀⠀⠀⠀⠀⠀⠀But...I absolutely ADORE these magnetic numbers. I learned about this awesome time-saver from @twoteachersinfifth (Brooke and Leah always have the best ideas!!).⠀⠀⠀⠀⠀⠀⠀⠀⠀And seriously...this is the first time in my seventeen years of teaching I haven’t routinely forgotten to put the date on the board. It’s a student job to keep it updated...but even if my fourth graders occasionally forget, it just takes a moment for me to do.⠀⠀⠀⠀⠀⠀⠀⠀⠀I keep the numbers in a little photo storage box by the front whiteboard. The magnetic numbers are by Teacher Created and can be found on Amazon. (https://www.amazon.com/dp/B00ZVQUS0K/ref=cm_sw_r_cp_api_i_i0-NCb0HNXCA8)⠀⠀⠀⠀⠀⠀⠀⠀⠀I love how easy these numbers are to see from anywhere in our room...and of course the time they save!!⠀⠀⠀⠀⠀⠀⠀⠀⠀#teachertimesaver #classroommanagement #classroomorganization #iteachfourth #iteach4th #iteach456 #teachersfollowteachers #teachersofinstagram

    Follow @ladybugsteacherfiles