Blog writers who cover DIY, crafts, photography or other visual topics on the Blogger platform would love an easy way to create a gallery of thumbnail images to showcase their creativity.
WordPress, Blogger's main rival, offers plugins to create a DIY gallery. However, if you don't want the bother of completely switching platforms just to get a gallery, follow these instructions for creating your own thumbnail gallery.
To see an example of a thumbnail gallery in Blogger, see the DIY Gallery at the craft blog Caught on a Whim.
This how-to is based off instructions from a helpful tutorial at Laura's Crafty Life. It has been enhanced with instructions on how to create thumbnails in Picasa (Now Google Photo). I will also show you how to crop your photos using code. If you ever change the layout of your blog, you won't have to go back and re-crop all of your images.
This tutorial will show you how to:
- Crop your photos. A photo gallery looks better when the images are either all horizontal, all vertical or all square. For the purposes of this tutorial, I will show you how to crop your photos so they are all square. See the attached list for screenshots and step-by-step instructions for cropping your blog images.
- Insert the code, image links and post links into your blog.
- Resize your photos using code.
Step 1 is covered in this article in the attached list.
Step 2 is covered in my article How to make a thumbnail gallery in Blogger - inserting your code and links.
Step 3 is covered in my article How to make a thumbnail gallery in Blogger - resizing your thumbnails.