Making tables in Blogger

March 5, 2011

Making tables in Blogger

March 5, 2011

You might wonder why you want to do this. I like to use tables because they allow me to have lots of websites and information on my classroom blog…without making my students have to scroll down tons of page.

With tables, you can place a number of images or text side by side, creating all kinds of new ways to present information!

I use image links for all of my websites in the content areas for my students and their families…I like the visual better than a list of links for my students. My actual link list is pretty small, as you can see (in the right sidebar in this picture).

I knew how to make tables in Dreamweaver, but wasn’t sure about them in Blogger. Then, I found this really cool site that generates tables: 2 Create a Website. This website lets you customize your table completely and generates the code for you to enter it in your blog/website. Here are the steps:

1. Head over to 2 Create a Website. You will see the same screen shown to the left.

2. Fill out the form. When using images, I generally create 2 or 3 columns. I keep the border size at 0, since I don’t like the look of the borders on my class blog. You can set it at a different value, however, and select a color for the border as well. I entered #FFFFFF for the Border Color and Background Color, to keep everything white, but you can look up hex color charts and experiment with different colors. There’s a ton of color charts online. For the width of the table, you might have to play around with it and try different sizes to fit your blog page nicely. I generally use anywhere between 620 to 720 pixels.

3. Once you are finished customizing your table, click the button that says “Generate Your Table”. Now you will see your lovely code!

4. Next, highlight all of this code and copy it.

5. Head into Blogger. In the post box (or page box) click on the “Edit Html” tab.

Then, paste your table code in.

6. When you click on the “Compose” tab again, you will see your table all set up for you to enter your text or pictures.

7. Highlight the cell you would like to edit first. Then, just upload a picture or type some text!

Like so:

It’s pretty simple once you get started and tables open up a lot of new ways to set up your blog page.

This is a snapshot of my spelling page for my students. I used a table with 2 columns and 4 rows…first row for the pictures and subsequent rows for the different spelling links.

Would you try this? I would love to see it if you decide to try it out!


  • Pinks My Ink March 5, 2011 at 8:15 pm

    You a are a wealth of information! Thank you so much.

  • S. Parker March 7, 2011 at 5:53 am

    Do you know if this would also work with Shutterfly? I am planning a technology presentation and having this visual format would be so helpful to many of our parents since their primary langauge is not English.
    I can't seem to be able to get my link to work with the image. Any guesses what I'm doing wrong?
    Thanks for your help!

  • Tracey March 10, 2011 at 4:45 am

    I was trying to figure out a way to organize all my links. I'm going to play around with this and let you know how it works. Thanks for the info.

  • 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 ( 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 ( #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 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 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. (⠀⠀⠀⠀⠀⠀⠀⠀⠀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